当设置如下HTML和css样式时第二个li会相对与上一个继续浮动如下： 这时就需要对li设置一下清除浮动clear属性，对li上下的标签进行一下浮动清除。 理想效果： HTML代码 <li clas
当设置如下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; } }}
