当设置如下HTML和css样式时第二个li会相对与上一个继续浮动如下：

这时就需要对li设置一下清除浮动clear属性，对li上下的标签进行一下浮动清除。

理想效果：

HTML代码 <li class="yy_list">     <div class="box active">         <div class="choose"></div>             医院     </div> </li> <li class="yy_list">     <div class="box">         <div class="choose"></div>             类别     </div> </li>

css样式

.yy_list{  height: 96px;  width: 100%; clear: both;  background-color: #ffffff;  //border-bottom: 1px solid @border_color;  .box{    border-bottom: 1px solid @border_color;    margin: 0 32px;    .font(96px, @font24, left, #000, 1);    .choose {      width: 20px;      height: 16px;      float: left;      margin: 40px 32px 41px 24px;    }    &.active {      .choose {        .sprite;        .ico_16;      }      color: @header_color;    }  }}