为什么心不是这个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

你是浮动的贵丽的，所以你很可能需要一个父DIV上的“clearfix”。

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

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

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

您可以将.group类只需添加到您的CSS文件，并添加class="group"到你需要的任何clearfix父。

这是一个语义和可扩展的解决方案。您应该避免将空DIV添加到您的标记或额外的CSS给父母（如浮动）。这可能会产生不良后果，从长远来看会变得混乱。

Answer 2

嗨，你需要的</ul>后添加<div style="clear:both"></div>关闭浮动 或添加float: left;到类.div.pull_down