爲什麼心不是這個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