在IE7中，幾個并列的塊元素，如果前面幾個元素沒有設置浮動，而給最后的元素設置為float：right，則被設置為浮動的這個元素會出現在下一行。

例子：

復制代碼代碼如下:
<ul>
<li></li>
<li class=”a”></li>
</ul>
ul li{display:inline-block;}
.a{float:right}

則第二個li會顯示在第二行。

解決方法：
將浮動的li元素放在最前面即可：

復制代碼代碼如下:
<ul>
<li class=”a”></li>
<li></li>
</ul>