Question

<div> 内的 <dl>标签设置为float:left;浮动后，就不能继承父容器的背景色了！不知道为什么？

代码片段：
<div id="sort-photos">
<dl>
<dd>1</dd>
<dt>2</dt>
</dl>
</div>

CSS:
#sort-photos {
width:590px;
background-color:#5F5F5F;
padding-top:5px;
}
#sort-photos dl {
float:left; //如果不要这行，dl的背景色就是#sort-photos的背景色
width:120px;
height:150px;
margin:0px 12px;
}
</div>

大家帮忙看看是怎么回事？谢谢了。

Answer 1

#sort-photos {
width:590px;
background-color:#5F5F5F;
padding-top:5px;
overflow:hidden;
}
在div的CSS中加上overflow:hidden就行了！因为里面的dl进行的浮动所以脱离了外围div的计算，加上overflow:hidden就可以清除浮动。
当然还有其它方法，比如让div也进行浮动一样可以达到你想要的效果

Answer 2

正常现象，飘起来就不属于父容器的内容了。

Answer 3

若是要这行 它现在是什么颜色的呢？