文档介绍：接触DIV+CSS架构已经快两年了,个人觉得css入门不难,但要学精并非一朝一夕的,现在大部分网络公司都比较主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题,希望大家再在其基础上补充!所有浏览器通用(市面上主要用到的IE6IE7FF)height:100px;IE6专用_height:100px;IE6专用*height:100px;IE7专用*+height:100px;IE7、FF共用height:100px!important;一、,!important(不是很推荐,用下面的一种感觉最安全)随着IE7对!important的支持,!important方法现在只针对IE6的兼容.(.)代码:<style>#wrapper{width:100px!important;/*IE7+FF*/width:80px;/*IE6*/}</style>2,IE6/IE77对FireFox<from针对firefoxie6ie7的css样式>*+html与*html是IE特有的标签,*+:<style>#wrapper{width:120px;}/*FireFox*/*html#wrapper{width:80px;}/*ie6fixed*/*+html#wrapper{width:60px;}/*ie7fixed,注意顺序*/</style>注意:*+html对IE7的兼容必须保证HTML顶部有如下声明:代码:<!DOCTYPEHTMLPUBLIC“-//W3C////EN””/html4/“>二、万能float闭合(非常重要!)可以用这个解决多个div对齐时的间距不对,关于clearfloat的原理可参见[HowToClearFloatsWithoutStructuralMarkup]将以下代码加入GlobalCSS中,给需要闭合的div加上class=”clearfix”即可,:<style>/*ClearFix*/.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/*HidefromIEMac*/.clearfix{display:block;}/*EndhidefromIEMac*//*endofclearfix*/</style>三、其他兼容技巧(相当有用)1,FF下给div设置padding后会导致width和height增加,但IE不会.(可用!important解决)2,).-height设置为当前div相同的高度,再通过vetical-align:middle.(注意内容不要换行.)2).:0auto;(当然不是万能)3,若需给a标签内内容加上样式,需要设置display:block;(常见于导航标签)4,FF和IE对BOX理解的差异导致相差2px的还