如何使用css调整右div的高度

Question

我在父div中包含2列div（左和右）。我希望父div高度在左或右div高度扩展时自动调整。我现在的问题是父div的高度只是在左边扩展时扩展，它不适用于右边。我有高度：自动为所有div。

有没有人有解决方案？

Answer 1

您可以通过float来执行此操作，例如

<div class="parent" style="float:left">
   <div class="child" style="float:left"></div>
    <div class="child" style="float:left"></div>


</div>

Answer 2

您可能正在使用float将右侧div移至右侧。浮动不会自动调整父级高度，您必须在父级div结束之前添加以下代码。

<br style="clear:both;" />

这将标记所有浮动在同一级别上的结束。

Answer 3

你可能正在漂浮你的div以使它们彼此相邻。通过这样做，你'从流'中删除这些div'，即父母不再将它们作为内容。

您可以通过向父母提供overflow: hidden或添加明确的div来“绕过”此效果。

示例w /溢出：http://jsfiddle.net/BramVanroy/LJTGh/

重要的CSS：

#wrapper {
    height: auto;
    width: 77%;
    margin: 20px auto;
    overflow: hidden; /*THIS IS IMPORTANT */
    border: 1px solid;
}

或

示例w / clear：http://jsfiddle.net/BramVanroy/LJTGh/1/

重要的CSS：

.clear {clear: both;}

第一个选项需要一行更多的CSS，第二个选项需要更多的HTML和更多的CSS。