浏览器兼容性问题总结

**
1、双倍浮动边距：**
原因：多个并列浮动元素设置了左或右边界值（x），ie6下第一个浮动元素的左或右的边界值为2倍
(2x);
解决：为第一个浮动元素添加display:inline;样式；
2、高度不能自适应：
原因：多个并列浮动元素的父级高度不能被撑开。
解决：在最后一个浮动元素后添加
.clear {clear:both;}
3、上下边界不被识别：
原因：父级元素未指定高度，margin-top和margin-bottom解析错误
解决：在该元素的父一级元素上添加样式：overflow:auto; display:inline-block;
备注：当元素被设置成inline-block时候，最后给该元素指定宽度；
4、IE6不识别微型高度：
原因：IE6不能识别低于当前字高的高度
解决：为该元素设置font-size:0 / overflow:hidden;
5、IE6链接伪类的问题：
原因：IE6不识别P:hover,只能识别a:hover
解决：用a:hover替换之。
6、IE6、7阶梯列表问题：
原因：浮动元素未指定宽度；
解决：为浮动元素指定确定宽度