html - div 是否垂直扩展以适合其子 div？

Question

我在让我的 div 与其子 div 垂直扩展时遇到了问题。

我有这样的东西:

<div class='headerWrapper'>
    <div class='header'>
        <img..... height=100>
    </div>
</div>

在 firebug 中，header div 的高度为 100，headerWrapper div 的高度为 0。

图像在其下方的 div 中可见....headerWrapper div 上没有固定高度。

好迷茫。

谢谢-乔纳森

Answer 1

检查并查看是否将标题 div 设置为 float 。

当子元素 float 而其父元素不 float 时，这会导致父元素“折叠”到高度为 0。

这page似乎对页面中部的问题有很好的描述。