DIVCSS浏览器兼容方法的总结txt10有了执著，生命旅程上的寂寞可以铺成一片蓝天；有了执著，孤单可以演绎成一排鸿雁；有了执著，欢乐可以绽放成满圆的鲜花。DIVCSS浏览器兼容方法的总结上r
r
接触DIVCSS架构已经快两年了，个人觉得css入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用divcss来布局，这就面临着一个比较难的问题浏览器的兼容性。r
下面整理了一下相关的兼容问题，希望大家再在其基础上补充！r
所有浏览器通用（市面上主要用到的IE6IE7FF）r
height100pxr
r
IE6专用r
_height100pxr
r
IE6专用r
height100pxr
r
IE7专用r
height100pxr
r
IE7、FF共用r
height100pximporta
tr
一、CSS兼容r
以下两种方法几乎能解决现今所有兼容r
r
1importa
t不是很推荐，用下面的一种感觉最安全r
r
随着IE7对importa
t的支持importa
t方法现在只针对IE6的兼容注意写法记得该声明位置需要提前r
r
代码r
styler
wrapperr
width100pximporta
tIE7FFr
width80pxIE6r
r
styler
r
2IE6IE77对FireFoxfrom针对firefoxie6ie7的css样式r
r
html与html是IE特有的标签firefox暂不支持而html又为IE7特有标签r
r
代码r
styler
wrapperwidth120pxFireFoxr
htmlwrapperwidth80pxie6fixedr
htmlwrapperwidth60pxie7fixed注意顺序r
styler
r
注意r
html对IE7的兼容必须保证HTML顶部有如下声明：r
r
代码r
DOCTYPEHTMLPUBLIC“W3CDTDHTML401Tra
sitio
alEN”　”httpwwww3orgTRhtml4loosedtd“r
r
二、万能float闭合非常重要可以用这个解决多个div对齐时的间距不对，r
r
关于clearfloat的原理可参见HowToClearFloatsWithoutStructuralMarkupr
将以下代码加入GlobalCSS中给需要闭合的div加上class”clearfix”即可屡试不爽r
r
代码r
styler
ClearFixr
clearfixafterr
co
te
t””r
displayblockr
height0r
clearbothr
visibilityhidde
r
r
clearfixr
displayi
li
eblockr
r
HidefromIEMacr
clearfixdisplayblockr
E
dhidefromIEMacr
e
dofclearfixr
styler
r
三、其他兼容技巧相当有用r
r
1FF下给div设置paddi
g后会导致width和height增加但IE不会可用importa
t解决r
2居中问题r
1垂直居中将li
eheight设置为当前div相同的高度再通过veticalalig
middle注意内容不要换行r
2水平居中margi
0auto当然不是万能r
3若需给a标签内内容加上样式需要设置displayblock常见于导航标签r
4FF和IE对BOX理解的差异导致相差2px的还有设为float的div在ie下margi
加倍等问题r
5ul标签在FF下面默认有liststyle和paddi
g最好事先声明以避免不必要的麻烦r