<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;
}
当我用萤火虫鼠标在分区上时,它不包含任何东西。这是为什么?
答案 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