2010-12-02 102 views
0

我有漂浮出現6組的元素是在一個2×3格:IE 6/7浮動高度問題

1 2 3 
4 5 6 

在一切都看起來不錯,除了IE 6/7,有它看起來像:

1 2 3 
4 5 
    6 

的CSS我是:

ul { 
    margin: 0; 
    padding: 0; 
    width: 900px; 
    overflow: hidden; 
} 

li { 
    list-style: none; 
    width: 278px; 
    float: left; 
    margin-left: 12px; 
    line-height: 1.6em; 
    padding-bottom: 20px; 
} 

1題和第4對他們這些樣式:

li.row_start { 
    margin-left: 0; 
    clear: both; 
} 

問題(我猜)是李容器中的內容可以有一個變量高度取決於裏面的內容。因此在本例中,第2項將具有比1和3,所以當項目5試圖左浮動,它是打項目的高度/填充2.

回答

1

你的猜測是正確的更大的高度。確保像你想你得到一個佈局的唯一真正的方法是設置高度對你的項目也是如此。