html - 将父 <div> 扩展到其子元素的高度

标签 html css

我有一个类似这样的页面结构:

<body>
  <div id="parent">
    <div id="childRightCol">
      /*Content*/
    </div>
    <div id="childLeftCol">
      /*Content*/
    </div>
  </div>
</body>

当内部 divheight 增加时,我希望父 divheight 中展开.

编辑:
一个问题是,如果子内容的 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/

相关文章:

javascript - 即使在浏览器恢复模式下也能获得浏览器的原始宽度和高度

html - 带有 CSS 的手机中的 WordPress 导航栏菜单

javascript - 自动完成标签,如 Stack Overflow

html - 如何将 div 等的这种静态对齐方式转换为始终动态对齐(即 flex )- HTML、CSS3

html - css 剪辑不工作

javascript - Jquery查找具有相同属性值的所有div并将它们的id值加在一起

html - 如何删除<br>之前的空格

php - 设置在子页面 Wordpress 上隐藏标题的条件

javascript - 绝对元素在垂直滚动经过它时变得固定

javascript - 将圆形 div 置于页面中间(垂直/水平)居中