为什么这个div不包含英国

时间:2011-06-26 06:41:02

标签: html css

     <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;
}

当我用萤火虫鼠标在分区上时,它不包含任何东西。这是为什么?

2 个答案:

答案 0 :(得分:5)

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

“clearfix”会强制元素自我清除它的孩子。

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

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

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

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

答案 1 :(得分:1)

您好需要在 <div style="clear:both"></div> 之后添加 </ul> 才能关闭 或者将 float: left; 添加到班级.div.pull_down