浏览器兼容性总结

1.IE6下最小高度问题

描述：在IE6下，元素高度小于19px时，会被当做19px处理

解决：overflow:hidden;

2.border:1px black dotted;IE6下不支持

解决：用背景平铺来实现

3.IE6下解决margin传递

解决：父级触发haslayout

4.IE6双边距bug

描述：块元素有浮动和横向margin

解决：display:inline;

5.IE6下li下有间隙

描述：li无浮动，内容有浮动，li下边有间隙

解决：li加浮动，注意别忘了清浮动；li加vertical-aligin

6.IE中a标签绝对定位时才生的bug

描述：

对a链接的display设置为block，以便整个标签可以点击。

但是，如果对该标签设置为position:absolute后，会发现在ie6、ie7下有时点击无效，ie8下有效（ie8标准），使用zoom:1方式也无法解决问题。

解决：

1、使用position:relative而不是position:absolute；

2、添加背景色；

3、添加透明的背景图片，gif或png，但会增加无意义的http请求；

4、使用background:url(about:blank)，最佳方案（推荐）；

5、在A外面套一个DIV，给DIV定义width、height、position:absolute。