HTML + css compatibility with ie (1): css compatibility

HTML + css compatibility with ie (1): css compatibility

1. When the sidebar is created, the elements in li are floating. The gap between the elements in li and ie6/7 is 4px:

Solution: add the vertical-align attribute to li. The value can be top, bottom, or middle;

Extended: the vertical-align attribute is vertically centered and is generally used together with table-cell, but it is unsolvable for ie6/7 compatibility.

 

2. Note: The floating element causes the margin-bottom to become invalid under ie6/7. Pay attention to the use of margin-bottom during development.

 

3. Clear floating clearfix (it is said that the highest possible method in history is compatible with ie ):

. Clearfix: after {

Content = "";

Display: block;

Height: 0;

Line-height: 0px;

Clear: both;

Visibility: hidden;

}

. Clearfix {

Zoom: 1;

}

Today, I want to sort it out and improve it later...