全球旧事资料 分类
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特别设置样式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
t11ul标签在Mozilla中默认是有paddi
g值的而在IE中只有margi
有值所以先定义ulmargi
0paddi
g0就能解决大部分问题注意事项:1、float的div一定要闭合。例如:其中floatA、floatB的属性已经设置为floatleft
divid”floatA”divdivid”floatB”divdivid”NOTfloatC”div这里的NOTfloatC并不希望继续平移,而是希望往下排。这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在
divclass”floatB”divdivclass”NOTfloatC”div之间加上
divclass”clear”div这个div一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。并且将clear这种样式定义为为如下即可:clearclearboth
f此外,为了让高度能自动适应,要在wrapper里面加上overflowhidde
当包含float的box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私有属性万恶的IE用zoom1可以做到,这样就达到了兼容。例如某一个wrapper如下定义:
colwrapperoverflowhidde
zoom1margi
5pxauto2、margi
加倍的问题设置为float的div在ie下设置的margi
会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上displayi
li
e例如:
divid”imfloat”div相应的css为
IamFloatfloatleftr
好听全球资料 返回顶部