IE 6/7フロートの高さの問題

Question

私は2x3のグリッドにあるように見えるように浮いている6つのli要素があります。

：

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; 
} 

問題（私が推測している）は、liコンテナ内のコンテンツの内容に応じてさまざまな高さを設定できます。この例では、アイテム2の高さは1と3よりも大きいので、アイテム5が左に浮いているときは、アイテム2の高さ/詰め物に当たっています。

Answer 1

あなたの推測は正しいです。あなたが望むようなレイアウトを得るための唯一の本当の方法は、アイテムの高さを設定することです。