IE7及以下版本都会有这些问题
1.IE7块转内联块问题
问题描述:好像块转内联块失败,依然不在一行排列
解决办法:给元素添加如下css *display:inline;*zoom:1;
*display:inline;先把元素转成内联,再用*zoom:1;触发盒子有布局的特性,让它支持宽高(星号 * 意思是针对IE7)
内联转内联块没有问题
2.li包含浮动子元素的问题
问题描述:li中包含浮动的子元素,li和li之间就会有间隙
解决办法:给li加 vertical-align:middle/top/bottom;
3.子元素相对定位,父元素overflow失效问题
问题描述:子元素面积超出父元素,且子元素是相对定位,在IE7中父元素的overflow:hidden/auto;失效
解决办法:给父元素也加一个相对定位 position:relative;