当ul标签中li需要浮动时，为使li仍保持具有块级标签的长宽属性，对外层ul进行清除浮动操作。
<div>
<ul class="clearfix list_item">
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
<li>列表一</li>
</ul>
</div>
第一种清除浮动的方法
.clearfix:after{
display:block;
content:' ';
clear:both;
}
.clearfix{
*zoom:1;//兼容到ie6
}
第二种清除浮动的方法
.list_item{
overflow:hidden;
}
