IE 6でfloat:leftを用いた後にmargin-leftの2倍のマージンをもたらすBUG解決方法

352 ワード

まずcssコードを見てください:div {
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}
このように左の距離を10 pxに設定しますが、IE 6.0は20 pxと解釈され、解決策はdisplay:inlineコードdiv {
float:left;
margin-left:10px;
display:inline;
width:420px;
height:150px;
border:1px solid red
}
を加えることである.