将父母<div>展开到其子女的身高
我有一个类似于这样的页面结构：
<body>
<div id="parent">
<div id="childRightCol">
/*Content*/
</div>
<div id="childLeftCol">
/*Content*/
</div>
</div>
</body>
当内部div的height增加时，我希望父div在height上展开。
编辑：
一个问题是，如果width子内容的扩展过去的width的浏览器窗口，我目前的CSS使水平滚动条上的父div 。 我希望滚动条处于页面级别。 目前我的父div被设置为overflow: auto;
你能帮我用这个CSS吗？
试试这个为父母，它为我工作。
overflow:auto;
更新：
还有一个解决方案可以工作
父母 ：
display: table;
孩子 ：
display: table-row;
添加一个clear:both 。 假设你的列是浮动的。 根据你的身高是如何指定的父母，你可能需要一个溢出：auto;
<body>
<div id="parent">
<div id="childRightCol">
<div>
<div id="childLeftCol">
<div>
<div id="clear" style="clear:both;"></div>
</div>
</body>
正如延斯在评论中所说
另一个答案是如何使div不大于其内容？......并且它建议设置display：inline-block。 这对我来说很好。 - Jens Jun 2 5:41
这在所有浏览器中对我来说都好得多。
链接地址: http://www.djcxy.com/p/88281.html