HTML和CSS在IE7中常见的兼容性问题

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;