IE Bug--Solution to double distance of patches outside floating objects_Experience exchange

The IE Doubled Float-Margin Bug IEBug--Double distance of patches outside floating objects

First look at the following code:

#box{
background: ThreedFace;
width: 500px;
height: 400px;
}

#box1{
float: left;
background: #F2F2F2;
width: 300px; height: 200px ;
margin-left: 50px; Demo.


The solution is to
add: display: inline; in the code of box1, so that the floating is ignored and double distance will not be generated in IE.
Demonstration
, more detailed information can be found here.