html - 背景颜色在包装器中不起作用

Question

出于某种原因，我无法让我的 class blueback 正常工作(背景仍然是拼命的白色)，你知道为什么吗？谢谢 http://jsfiddle.net/wWLz4/

<div class="wrap980px blueback clear">
<div id="block-left">
<h2>dfd</h2>
</div> <!-- End DIV block-left -->

<div id="block-right">
jhjh
</div> <!-- End DIV bloack-right --> 
</div>  <!-- End DIV 980pxWrap -->

CSS

.wrap980px {
    margin: auto;
    width: 980px;
}

.blueback {
    background: #006DB8;
}

#block-left {
    float: left;
    padding: 10px;
    width: 470px;
}
#block-right {
    float: right;
    padding: 10px;
    width: 470px;
}
.clear:after {
    clear: both;
}

Answer 1

或者，或者，添加:

.wrap980px {
    overflow: hidden;
    ...

容器内有两个 float 元素<div> ，所以它实际上具有零高度。您可以按照建议添加固定高度，或者使用 oveflow: hidden;把戏。