css-兼容性问题及解决（二）_html/css_WEB-ITnose

css-兼容性问题及解决(二)

四：IE6下双边距BUG ，也就是说，在IE6下块元素有浮动和横向的margin值，横向的margin值会被放大成两倍

 1  2  3  4  5  6 15 16 17 
18 19 

五：在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个4px间隙

解决办法:

1.给li加浮动，并且要加上宽度

2.给li加vertical-align

 1  2  3  4  5  6 18 19 20 
21  
22      23         24     
25     
26      27         28     
29     
30      31         32     
33 
34 35 

ie6,7下

vertical-align:top

六：在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个4px间隙,如果和最小高都问题并存的时候，也要个li加浮动

 1  2  3  4  5  6 20 21 22 
23     
24         25         26     
27     
28         29         30     
31     
32         33         34     
35 
36 37