IEBug-solution to double the distance between patches outside floating objects-Experience Exchange

IEBug -- Solution to double The distance of The patch outside The floating object The IE Doubled Float-Margin Bug IEBug -- double The distance of The patch outside The floating object

First read the following code:

# Box {
Background: ThreedFace;
Width: 500px;
Height: 400px;
}

# Box1 {
Float: left;
Background: # F2F2F2;
Width: 300px;
Height: 200px;
Margin-left: 50px;
}

Box is outside and Box1 is inside, but in IE browser, the Box1 is PX away from the left, and the actual distance is 50 PX.

The solution is,Add: display: inline; to the box1 code, so that float is ignored. IE does not produce double distance. For more information, see here.