我有一个类似这样的页面结构:
<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;
你能帮我解决这个问题吗?
最佳答案
为 parent 试试这个,它对我有用。
overflow:auto;
更新:
另一个有效的解决方案:
家长:
display: table;
child :
display: table-row;
关于html - 将父 <div> 扩展到其子元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/384145/