Html 为什么这个div不包含ul

当我用firebug将鼠标移到分区上时，它不包含任何内容。这是为什么？

您好，您需要在

之后添加

以关闭浮动
或添加
浮动：左到class.div.pull\u down
您好，您需要在
之后添加
以关闭浮动
或添加
浮动：左到class.div.pull\u向下
您的LI浮动，因此您很可能需要对父div进行“clearfix”

“clearfix”将强制元素自清除其子元素


演示：

您只需将
.group
类添加到CSS文件中，并将
class=“group”
添加到需要清除修复的任何父级

这是一个语义和可扩展的解决方案。您应该避免向标记中添加空div或向父级添加额外的CSS（例如float）。这可能会产生不希望的结果，并且从长远来看会变得混乱。
您正在浮动您的LI，因此您很可能需要对父DIV进行“clearfix”

“clearfix”将强制元素自清除其子元素


演示：

您只需将
.group
类添加到CSS文件中，并将
class=“group”
添加到需要清除修复的任何父级

这是一个语义和可扩展的解决方案。您应该避免向标记中添加空div或向父级添加额外的CSS（例如float）。这可能会产生不理想的结果，从长远来看会让人困惑。
你必须更具体一点，我不太明白问题是什么。顺便说一下，这里有一个JSFIDLE，您必须更具体一点，我不太明白问题是什么。顺便说一下，这里有一个jsfiddle，谢谢，用float（）修复了它。您能进一步解释一下为什么这里需要float而不是float:none吗？浮动父DIV会将DIV的宽度从默认的100%更改为包含内容的宽度。这不是一个理想的解决方案。只要div中的元素处于浮动状态，div“就看不到它”，除非div也处于浮动状态，或者div中的某个元素不是浮动状态，请使用float:）将其修复。您能进一步解释一下为什么这里需要float而不是float:none吗？浮动父DIV会将DIV的宽度从默认的100%更改为包含内容的宽度。这不是一个理想的解决方案。只要div中的元素处于浮动状态，div“就看不到它”，除非div也处于浮动状态，或者div中的某个元素未处于浮动状态
     <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>

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