dl影响父标签背景图片解决办法

代码片段：
     <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>
问题：<div> 内的 <dl>标签设置为float:left;浮动后，就不能继承父容器的背景色了
解决办法：#sort-photos {
width:590px;
background-color:#5F5F5F;
padding-top:5px;
overflow:hidden; 
}
在div的CSS中加上overflow:hidden就行了！因为里面的dl进行的浮动所以脱离了外围div的计算，加上overflow:hidden就可以清除浮动。
当然还有其它方法，比如让div也进行浮动一样可以达到你想要的效果