CSS多浏览器兼容问题集锦（最全）多浏览器兼容问题集锦（最全）
经典科技网提醒：CSS对浏览器的兼容性的确是很让人头疼但是当你了解当中的技巧跟原理就会觉得也不是难事最近从网上收集了IE7ie6与Fireofx的兼容性处理方法并整理了一下为了符合web20的标准请尽量用xhtml格式写代码并且DOCTYPE影响CSS代码处理作用作为W3C的标准一定要加DOCTYPE声名（很重要尤其是对于divcss编写的Xhtml网页）。CSS技巧1div的垂直居中问题verticalalig
middle将行距增加到和整个DIV一样高li
eheight200px然后插入文字，就垂直居中了。缺点是要控制内容不要换行2margi
加倍的问题相应的css为设置为float的div在ie下设置的margi
会加倍。这是一个ie6例如：divid”imflodisplmargi
5pxIE下理解为10px
都存在的bug。解决方案是在这个div里面加上displayi
li
eat”IamFloatfloatleftayi
li
eIE下再理解为5px3浮动ie产生的双倍距离
boxfloatleftwidth100pxmargi
000100px这种情这里细说一下block与i
li
况之下IE会产生200px的距离displayi
li
e使浮动忽略

e两个元素：block元素的特点是总是在新行上开始高度宽度行高边距都可以控制块元素I
li
e元素的特点是和其他元素在同一行上不可控制内嵌元素boxdisplaybloc
k可以为内嵌元素模拟为块元素displayi
li
e实现同一行排列的效果diplaytable4IE与宽度和高度的问题IE不认得mi
这个定义，但实际上它把正常的width和height当作有mi
的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用mi
width和mi
height的话，IE下面根本等于没有设置宽度和高度。比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：b
oxwidth80pxheight35pxhtmlbodyboxwidthautoheightautomi
width80pxmi
height35pxmi
width是个非常方便的CSS命令，它可以指定元素最小也不能小
5页面的最小宽度
于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个div放到body标签下，然后为div指定一个类然后CSS这样设计：co
tai
ermi
width600pxwidthexpre第一个mi
width是正常
ssio
docume
tbodyclie
tWidth600