Common CSS Compatibility

Common CSS Compatibility: 1, different browser label default padding value and margin value are different.

Solution: *{margin:0;padding:0} CSS Reset technology;

2, the Block property label floating, and the horizontal margin value, in the case of IE6 will produce horizontal

Double the margin value.

Solution: Add Display:inline to the floating object;

3, IE6 the label will have a default row height.

Settlement Bill: Add Overflow:hidden to label; Trigger BFC;

4, UL Li and ol Li, Li does not float and the parent label and no height, in the case of

IE6, 7, will be a few more pixels.

Solution: 1, Li do not set the width height 2, Li inside the label do not float

5. There will be voids between the adjacent IMG.

Solution: Add float to IMG. If the code is less than img , You can choose not to wrap or add comments between the IMG! !

6. A border appears when a nested IMG tag is set.

Solution: Add Border:none to IMG;

7, hack:* compatible IE6, ie7;_ compatible ie6;*+ compatible ie7;! Important compatible with except IE6

Other than the browser.

Common CSS Compatibility