为什么这个div不包含ul

Question

     <div class="pull_down">
       <ul class="zvuc">
         <li class="prod">
           <div class="conutine">
             <div class="prod_name"><a href="">Asus 15.6-Inch Versati...</a></div>
             <img src="../images/test/lotr.jpg">
             <div class="timer"></div>
           </div>
         </li>
         </ul>
        </div>

CSS:

div.pull_down
{
    padding: 20px 20px 20px 30px;
}

li.prod
{
    background: url("../images/test/bg-horizontal.png") no-repeat;
    height: 286px;
    width: 170px;
    text-align: center;
    padding-top: 0;
    display: list-item;
    width: 170px;
    min-height: 286px;
    float: left;

}
ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}

当我用萤火虫鼠标在师上时,它不包含任何东西.为什么是这样？

Answer 1

你正在浮动你的LI,所以你很可能需要在父DIV上使用"clearfix".

"clearfix"将强制元素自我清除它的孩子.

http://css-tricks.com/snippets/css/clear-fix/

演示:http://jsfiddle.net/wdm954/Dxkpx/

您只需将.group类添加class="group"到CSS文件中,然后添加到需要clearfix的任何父级.

这是一种语义和可扩展的解决方案.您应该避免将空DIV添加到标记或向父项添加额外的CSS(例如浮点数).这可能会产生不良后果,从长远来看会变得混乱.