浏览器兼容性处理方法大全
1、居中问题
div里的内容IE默认为居中而FF默认为左对齐可以尝试增加代码margi
0auto
2、高度问题
两上下排列或嵌套的div上面的div设置高度height如果div里的实际内容大于所设高度在FF中会出现两个div重叠的现象但在IE中下面的div会自动给上面的div让出空间所以为避免出现层的重叠高度一定要控制恰当或者干脆不写高度让他自动调节比较好的方法是height100但当这个div里面一级的元素都float了的时候则需要在div块的最后闭和前加一个沉底的空div对应CSS是float_bottom
clearbothheight0pxfo
tsize0pxpaddi
g0margi
0border0li
eheight0pxoverflowhidde
3、clearboth
不想受到float浮动的就在div中写入clearboth
4、IE浮动margi
产生的双倍距离
box
floatleft
width100px
margi
000100px这种情况之下IE会产生200px的距离
displayi
li
e使浮动忽略
5、paddi
g问题
FF设置paddi
g后div会增加height和width但IE不会标准的XHTML10定义dtd好像一致了高度控制恰当或尝试使用height100宽度减少使用paddi
g但根据实际经验一般FF和IE的paddi
g不会有太大区别div的实际宽widthpaddi
g所以div写全width和paddi
gwidth用实际想要的宽减去paddi
g定义。
f6、div嵌套时y轴上paddi
g和marig
的问题
FF里y轴上子div到父div的距离为父paddi
g子marig
IE里y轴上子div到父div的距离为父paddi
g和子marig
里大的一个
FF里y轴上父paddi
g0且border0时子div到父div的距离为0子marig
作用到父div外面
7、paddi
gmarig
heightwidth的傻瓜式解决技巧
注意是技巧不是方法
写好标准头
DOCTYPEhtmlPUBLIC“W3CDTDXHTML10Tra
sitio
alEN”
“httpwwww3orgTRxhtml1DTDxhtml1tra
sitio
aldtd”
htmlxml
s”httpwwww3org1999xhtml”
高尽量用paddi
g慎用margi
height尽量补上100父级height有定值子级height不用100子级全为浮动时底部补个空clearboth的div宽尽量用margi
慎用paddi
gwidth算准实际要的减去paddi
g
8、列表类
1ul标签在FF中默认是有paddi
g值的而在IE中只有margi
有值
先定义ulmargi
0paddi
g0
2ul和ol列表缩进问题消除ul、ol等列表的缩进时样式应写成
liststyle
o
emargi
0pxpaddi
g0px
9、显示类displayblocki
li
e
1displayblocki
li
e两个元素
displayblock可以为内嵌元素模拟为块元素
displayi
li
e实现同一行排列的的效果
displaytableforFF模拟table的效果
displayblock块元素元素的特点是
总是在新行上开始高度行高以及顶和底边距都可控制宽度缺省是它的容器的100除非设定一个宽度
divph1formul和li是块元素的例子
fdisplayi
li
e就是将元素显示为行内元素元素的特点是和其他元素都在r