css - IE7 (および 6) の float クリアの問題

Question

残っているすべてを浮かせてから最初の列をクリアすることで、3 つの列に分割しようとしているリストがあります。

IE8 や FF などでは問題ありませんが、IE7 では 2 列目が追い出されています。

参照してください: http://jsfiddle.net/EVMzj/3/

Answer 1

CSS プロパティの box-sizing を使用しようとしましたか?

適用するボックスを使用box-sizing: border-boxすると、スタイルに適用した幅と高さになり、ボックスのサイズに望ましくない影響を与えるマージンやパディングの問題はありません。