两列与最深列的高度相同吗？
如果我有这样的div布局：
<div id="stretchyheader"></div>
<div id="fixedwidthwide"><div>
<div id="fixednarrow></div>
<div id="footer"></div>
这使得像这样：
-----------------------------------------------------
| stretchyheader |
-----------------------------------------------------
| | |
| | |
| fixedwidthwide | fixednarrow |
| | |
| | |
| | --------------
| |
| |
| | patterned
| | background
-----------------------
- footer -
如何确保两列与最深列的高度相同？列高可以根据内容量灵活调整，并具有白色背景。
问题答案：
一种非常简单的常用方法是使用Faux Columns。
您将拥有一个看起来像这样的结构：
<div id="stretchyheader"></div>
<div id="container">
<div id="fixedwidthwide"></div>
<div id="fixednarrow></div>
</div>
<div id="footer"></div>
实际上，您可以应用背景图像来#container向2列中的每列添加任何背景颜色，边框等。
-
问题内容： 我目前正在使用Bootstrap中的Cards。 根据文字标题，我将获得不同高度的卡片，并希望与最高卡片具有相同的高度。 我不介意使用JS，我实际上认为这可能是解决问题的最佳方法。 我尝试过使用CSS之外的其他解决方案，例如使用flexbox。 作为一个动态示例，呈现的HTML是一个简单的示例： 问题答案： 该引导4列已经使用了Flexbox的，使他们 都 在 同一高度 。只需 在卡上
-
问题内容： 在下面的代码中，我希望带有“ y”的div将div的高度与3个“ x”相匹配。 需要注意的是内部div是浮动的。 问题答案： 如果您不反对使用jQuery，可以使用EqualHeight，它应该做您想要的
-
问题内容： 我正在使用Bootstrap。如何使三根柱子的高度相同？ 这是问题的屏幕截图。我希望蓝色和红色列与黄色列的高度相同。 这是代码： 问题答案： 使用Bootstrap 4的解决方案4 Bootstrap 4使用Flexbox，因此不需要额外的CSS。 解决方案1使用负边距（不会破坏响应能力） 解决方案2使用表 使用Flex的解决方案3已于2015年8月添加。此之前发布的注释不适用于此解决
-
问题内容： 我想要一个在Bootstrap 4支持的所有浏览器中都可以使用的解决方案。如果不涉及JS，则更好。现有的一些解决方案基于Bootstrap 3，有些则无法在MacOS的Safari中使用。 更新。 似乎我做错了研究。默认情况下，Bootstrap4的高度相同。我随附了带有插图的更新图像。您无需执行任何操作，它已经存在。 问题答案： 你只需要使用您获得等高列以前版本的引导。 但是对于bo
-
问题内容： 嗨，我在引导行中有四个div。我希望此行中的所有div具有相同的高度，并且不要违反职责。我不承担责任就不知道该怎么做。 我尝试用固定的高度解决此问题，但就响应能力而言，这是一个糟糕的解决方案。 谢谢 ：-） 问题答案： 您可以使用javascript来实现。找出4个div的最大高度，并使其与最大div相同的高度。 这是代码： 编辑历史记录：将“，”符号更改为“;” 标志
-
问题内容： 一个作业有一个真正的问题（和头痛）… 我在入门编程班上，我必须写一个函数，给定一个列表，该函数将返回其达到的“最大”深度。例如：[1,2,3]将返回1，[ 1，[2,3]]将返回2 … 我已经编写了这段代码（这是我能得到的最好的T_T） 但是，它显然不像应有的那样工作，因为如果存在不计入最大深度的列表，它仍然会增加计数器… 例如：当我将函数与[1,2，[3,4]，5，[6]，7]一起使