CSS 浏览器兼容性问题总结

1、CSS 默认值不同

2、input 设置固定高度在 IE8 及以下浏览器，内容无法垂直居中

解决方案：给 input 标签添加 line-height 样式

3、最大/小 宽度/高度在 IE6 下无效

解决方案：

min-width: 200px;
min-height: 200px;
width: auto!important;
height: auto!important;
width: 200px;
height: 200px;

4、在 IE6、IE7 使用 float: right 会出现换行

问题分析：当设置 float: right 的元素之前的兄弟元素未设置浮动属性时，该元素在 IE6、IE7 中会换行显示。

解决方案：① 将该元素在HTML中的书写移到前面；② 使用相对定位或 margin-top 负值调整位置。

5、在IE6中，外层容器会被内层容器撑大

6、谷歌浏览器设置 textarea 的边框无效

解决方案：设置 textarea 的属性，outline: none。