空字符对浮动的影响

<c:if test="${depart.value.armor}">
<li>
    <span class="dis-block font-18 dc3">已确定</span>
    <i class="mg mg-down icon-right font-18 dc3"></i>
</li>

</c:if>

<c:if test="${!depart.value.armor}">
<li>
    <span class="dis-block font-18 text-danger">未确定</span>
    <i class="mg mg-audit icon-right font-18 text-danger"></i>
</li>
</c:if>

页面是上面循环出来的（if是java做的判断，渲染页面时，会产生空元素，影响浮动位置）造成位置下移（如上图）

空元素是犹豫java的if占位产生的。

解决办法：

设置父元素ul{font-size:0;}