在ie6中布局時，當子項目為浮動，而且具有跟浮動方向相同的margin時，第一個子項目即緊靠父元素的元素會產生該方向上雙倍的margin值。如下所示：
<style type="text/css">*{ margin: 0;padding: 0;}li{ list-style: none;}ul{ overflow:hidden;zoom:1;background: green;}li{ width: 98px;height: 198px;background: red;border: #000 1px solid;margin-right: 20px;float: right;}</style><body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul></body>
解決方案：為子項目添加樣式{display:inline;}
◆注意：
這個現象僅當塊級對象設定了浮動屬性後才會出現，內聯對象（行級對象）不會出現此問題。並且只有設定左邊距和右邊距的值才會出問題，上下邊距不會出現問題。使用display:inline方法僅限於使用float時使用，否則顯示會出現問題。多個子塊在父塊中使用float時，同行顯示的多個子塊只需要第一個使用display:inline
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
