css浮动id导致容器为0px高

Question

我的id部分框显示为0px，即使我有自己的框并且其所有父母都设置为百分之百的高度

#section_box {
    padding: 0px 10px;
    background: #EDEDED;
    width: 992px;
    height: 100%;
    margin: 0 auto;
}

for full page click here

Answer 1

浮动一个元素后，除非你输入一个清除元素，否则不再计算其父元素的高度计算：

<div id="container">
    <div id="floated" style="float: left">blah blah blah</div>
    <br style="clear: both" />
</div>

如果<br>没有clear: both，则#container div将被计算为0高度。使用清除br，它至少是浮动div的高度。

如果您不想在布局中添加不必要的标记，只要将其与overflow: auto结合使用，就可以在#container div上使用width，效果相同指令，根据this page。

Answer 2

您没有将height: 100%提供给html元素