ul,li清除浮动

html标签

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