If an edge is in the same direction as the float, when the margin is applied to the floating box on the edge, the margin under IE6 is doubled. We can use hack to solve this problem!
HtmlCode:<! Doctype HTML>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> fixed the double margin bug in IE6 </title>
<Style type = "text/CSS">
Body {margin: 0; padding: 0}. Kuang {width: 300px; Height: 200px; Border: 1px solid #009933; float: Left; margin-left: 100px}
</Style>
</Head>
<Body>
<Div class = "Kuang"> Use hack to solve the double margin bug in IE6 </div>
</Body>
</Html> ========================================== =====
Solution: . Kuang {_ Display: inline;Width: 300px; Height: 200px; Border: 1px solid #009933; float: Left; margin-left: 100px}Add style: _ display: Inline for IE6 separately. Examples of browsers except IE6 (IE7, IE8, ie9, and Mozilla Firefox): Example of IE6:
