下载后可任意编辑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 兼容以下两种方法几乎能解决现今所有兼容
important (不是很推举,用下面的一种感觉最安全)随着 IE7 对
important 的支持,
important 方法现在只针对 IE6 的兼容
记得该声明位置需要提前
)代码:#wrapper {width: 100px
important; /* IE7+FF */width: 80px; /* IE6 */}2, IE6/IE77 对 FireFox *+html 与 *html 是 IE 特有的标签, firefox 暂不支持
而*+html 又为 IE7 特有标签
代码:#wrapper { width: 120px; } /* FireFox */*html #wrapper { width: 80px;} /* ie6 fixed */下载后可任意编辑*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */注意:*+html 对 IE7 的兼容 必须保证 HTML 顶部有如下声明:代码:二、万能 float 闭合(非常重要
) 可以用这个解决多个