浏览器兼容问题

1、DOCTYPE 影响 CSS 处理

 

2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width

 

3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式

 

4、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

 

5、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：

 

div{margin:30px!important;margin:28px;}

 

注意这两个margin的顺序一定不能写反，!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：

 

div{maring:30px;margin:28px}

 

重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;

 

浏览器差异

 

5、字体大小定义不同

 

对字体大小small的定义不同，Firefox中为13px，而IE中为16px，差别挺大。

 

解决方法：使用指定的字体大小如14px。

 

并列排列的多个元素（图片或者链接）的div和div之间，代码中的空格和回车在firefox中都会被忽略，而IE中却默认显示为空格（约3px）。