如何使用HTML / CSS实现相等高度的div（并排放置）？
我在容器中有两个div。一个在左边，一个在右边，并排放置。即使内容不同，我如何能够使每个人的身高相等。
例如，右div有很多内容，并且是左div高度的两倍，如何使左div延伸到右div的相同高度？
是否有一些JavaScript（jQuery）代码可以完成此任务？
问题答案：
您 可以 使用jQuery，但是有更好的方法可以做到这一点。
这类问题很多，通常有3个答案…
1.使用CSS
这是做到这一点的“最佳”方法，因为它是语义上最纯净的方法（无需求助于JS，这有其自身的问题）。最好的方法是使用display: table-cell和相关值。您也可以尝试使用人造背景技术（可以使用CSS3渐变来完成）。
2.使用表
这似乎工作得很好，但是要牺牲布局的语义。您还会引起纯粹主义者的骚动。我几乎避免使用表，您也应该避免使用表。
3.使用jQuery /JavaScript
这具有最大的语义标记优势，除非禁用JS，否则您将无法获得想要的效果。
-
问题内容： 我有两个div并排。我希望它们的高度相同，并且如果其中之一调整大小，则保持不变。我无法弄清楚这一点。有想法吗？ 为了澄清我的困惑问题，我希望两个框的尺寸始终相同，因此如果一个框由于文本放置而增大，则另一个框应与高度匹配。 问题答案： flexbox 使用flexbox时，它是一个声明：
-
问题内容： 我正在尝试将表格列分为两列。我希望最右边的列停靠在页面的右边，并且此列应具有不同的背景色。右侧的内容几乎总是小于左侧的内容。我希望右侧的div始终足够高，以到达其下一行的分隔符。如何使背景色填充该空间？ 编辑：我同意这个示例非常类似于表，并且实际表将是一个不错的选择。但是我的“真实”页面最终将变得不像表格一样，我只想首先掌握此任务！ 另外，由于某种原因，当我在IE7中创建/编辑帖子时，
-
问题内容： 我想为jQuery的div设置相等的高度。所有div可能具有不同的内容量和不同的默认高度。这是我的html布局的示例： 我使用下一个jQuery函数设置高度： 这很好用，但对我而言不是，因为我希望所有“列”仅在一个“容器”内相等。这意味着在第一个容器中，所有框必须与第一格一样高，但在第二个容器中，它们必须等于第二列。 所以问题是-我应该如何修改jQuery以达到此目的？ 谢谢！ 问题答
-
问题内容： 在下面的代码中，我希望带有“ y”的div将div的高度与3个“ x”相匹配。 需要注意的是内部div是浮动的。 问题答案： 如果您不反对使用jQuery，可以使用EqualHeight，它应该做您想要的
-
问题内容： 我有一个父div，其中将包含2或3个子div。我希望子div自动采用相等的宽度。 谢谢 问题答案： 这不是不可能的。使用甚至还不是特别困难。 该解决方案将在现代浏览器中运行。在IE7中将无法使用。 CSS： HTML：
-
问题内容： 我有一个设置100％宽度的主包装div。在里面，我想有两个div，一个是固定宽度的，另一个是填充其余空间的。我如何浮动第二个div来填充其余的空间。谢谢你的帮助。 问题答案： 有很多方法可以满足您的要求： 使用CSS 属性：