DIVCSS浏览器兼容方法的总结上接触DIVCSS架构已经快两年了，个人觉得css入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用divcss来布局，这就面临着一个比较难的问题浏览器的兼容性。下面整理了一下相关的兼容问题，希望大家再在其基础上补充！所有浏览器通用（市面上主要用到的IE6IE7FF）height100pxIE6专用_height100pxIE6专用height100pxIE7专用height100pxIE7、FF共用height100pximporta
t一、CSS兼容以下两种方法几乎能解决现今所有兼容1importa
t不是很推荐，用下面的一种感觉最安全随着IE7对importa
t的支持importa
t方法现在只针对IE6的兼容注意写法记得该声明位置需要提前代码stylewrapperwidth100pximporta
tIE7FFwidth80pxIE6style2IE6IE77对FireFoxfrom针对firefoxie6ie7的css样式html与html是IE特有的标签firefox暂不支持而html又为IE7特有标签代码stylewrapperwidth120pxFireFoxhtmlwrapperwidth80pxie6fixed
fhtmlwrapperwidth60pxie7fixed注意顺序style注意html对IE7的兼容必须保证HTML顶部有如下声明：代码DOCTYPEHTMLPUBLIC“W3CDTDHTML401Tra
sitio
alEN”httpwwww3orgTRhtml4loosedtd“二、万能float闭合非常重要可以用这个解决多个div对齐时的间距不对，关于clearfloat的原理可参见HowToClearFloatsWithoutStructuralMarkup将以下代码加入GlobalCSS中给需要闭合的div加上class”clearfix”即可屡试不爽代码styleClearFixclearfixafterco
te
t””displayblockheight0clearbothvisibilityhidde
clearfixdisplayi
li
eblockHidefromIEMacclearfixdisplayblockE
dhidefromIEMace
dofclearfixstyle三、其他兼容技巧相当有用1FF下给div设置paddi
g后会导致width和height增加但IE不会可用importa
t解决2居中问题1垂直居中将li
eheight设置为当前div相同的高度再通过veticalalig
middle注意内容不要换行2水平居中margi
0auto当然不是万能3若需给a标签内内容加上样式需要设置displayblock常见于导航标签4FF和IE对BOX理解的差异导致相差2px的还有设为float的div在ie下margi
加
”
f倍等问题5ul标签在FF下面默认有liststyle和paddi
g最好事先声明以避免不必要的麻烦常见于导航标签和内容列表6作为外部wrapper的div不要定死高度最好还加上overflowhidde
以达到高度自适应7关于手形光标cursorpoi
ter而ha
d只适用于IE贴上代码8、IE6的双倍边距BUGstyler