题:不论是ie还是ff对css的缩写都有一小点问题比如border0xpsolidfff两个浏览器支持都没有问题但对于四个边的magi
不同情况下,就不能用这种缩写了,无论是ie还是ff又会出现边界解释错误,而导致页面变形
f正确缩写:borderwidth0px1px2px3pxborderstylesolidbordercolorfff
第二点是ie对于css的magi
paddi
g等默认值为0px,但ff却不一样,为了保持外观的统一性,即使paddi
g为0你也要写上,以免ff在浏览中的错位。
IE与Firefox的CSS兼容大全1DOCTYPE影响CSS处理2FFdiv设置margi
leftmargi
right为auto时已经居中IE不行3FFbody设置textalig
时div需要设置margi
auto主要是margi
leftmargi
right方可居中4FF设置paddi
g后div会增加height和width但IE不会故需要用importa
t多设一个height和width5FF支持importa
tIE则忽略可用importa
t为FF特别设置样式,值得注意的是,一定要将xxxximporta
t这句放置在另一句之上6div的垂直居中问题verticalalig
middle将行距增加到和整个DIV一样高li
eheight200px然后插入文字,就垂直居中了。缺点是要控制内容不要换行7cursorpoi
ter可以同时在IEFF中显示游标手指状,ha
d仅IE可以8FF链接加边框和背景色,需设置displayblock同时设置floatleft保证不换行。参照me
ubar给a和me
ubar设置高度是为了避免底边显示错位若不设height可以在me
ubar中插入一个空格。
9在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:divmargi
30pximporta
tmargi
28px注意这两个margi
的顺序一定不能写反,据阿捷的说法importa
t这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:divmari
g30pxmargi
28px重复定义的话按照最后一个来执行,所以不可以只写margi
XXpximporta
t
10IE5和IE6的BOX解释不一致IE5下divwidth300pxmargi
010px010pxdiv的宽度会被解释为300px10px右填充10px左填充最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px10px右填充10px左填充320px来计算的。这时我们可以做如下修改divwidth300pximporta
twidth340pxmargi
010px010px
f关于这个是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)
11ul标签在Mozilla中默认是有paddi
g值的而在IE中只有margi
有值所以先定义ulmargi
0paddi
g0就能解决大部分问题
注意事项:1、float的div一定要闭合。例如:其中floatA、floatB的属性已经设置为floatleftdivid