下载后可任意编辑DIV+CSS 浏览器兼容方法的总结(上)接触 DIV+CSS 架构已经快两年了，个人觉得 css 入门不难，但要学精并非一朝一夕的，现在大部分网络公司都比较主张用 div+css 来布局，这就面临着一个比较难的问题——浏览器的兼容性。下面整理了一下相关的兼容问题，希望大家再在其基础上补充！所有浏览器 通用 （市面上主要用到的 IE6 IE7 FF）height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推举，用下面的一种感觉最安全)随着 IE7 对!important 的支持, !important 方法现在只针对 IE6 的兼容.(注意写法.记得该声明位置需要提前.)代码:2, IE6/IE77 对 FireFox *+html 与 *html 是 IE 特有的标签, firefox 暂不支持.而*+html 又为 IE7 特有标签.代码:注意:*+html 对 IE7 的兼容 必须保证 HTML 顶部有如下声明：代码:二、万能 float 闭合(非常重要!) 可以用这个解决多个 div 对齐时的间距不对，关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]将以下代码加入 Global CSS 中,给需要闭合的 div 加上 class=”clearfix” 即可,屡试不爽.代码:三、其他兼容技巧(相当有用)1, FF 下给 div 设置 padding 后会导致 width 和 height 增加, 但 IE 不会.(可用!important 解决)2, 居中问题.1).垂直居中.将...
