2

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

有没有人有解决方案？

4

3 回答 3

0

您可能正在使用float将右侧 div 移动到右侧。浮动不会自动调整父母的高度，您必须在 parent 的末尾添加以下代码div。

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

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

于 2012-11-10T11:53:36.820 回答
0

您可能正在浮动您的 div 以使它们彼此相邻。通过这样做，您“从流程中删除这些 div”，即父级不再将它们作为内容。

您可以通过提供overflow: hidden给父级或添加一个清晰的 div 来“绕过”这种效果。

带有溢出的示例：http: //jsfiddle.net/BramVanroy/LJTGh/

重要的 CSS：

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

或者

带有清晰的示例：http: //jsfiddle.net/BramVanroy/LJTGh/1/

重要的 CSS：

.clear {clear: both;}

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

于 2012-11-10T11:53:52.427 回答
0

float例如，您可以这样做

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


</div>
于 2012-11-10T11:37:14.850 回答