《
CSS之兼容浏览器篇》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332I2013.htm
◦,CSS之一条龙网站最主要是做好布局;div.content {
◦width:400px; //这个是过错的width，所有浏览器都读到了
◦,CSS中视觉语义不等于基于表现的类;voice-family: "",CSS中背景background-position负值定位深入理解;"}""",CSS中的继承与优先级总结;; //IE5.X/win疏忽了"""}"""后的内容
◦voice-family:inherit;
◦width:300px; //包括IE6/win在内的局部浏览器读到这句，新的数值(300px)笼罩掉了旧的
◦}
◦html>body .content { //html>,CSS中的强制换行与强制不换行;body是CSS2的写法
◦width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
◦,CSS中的图片保存方法;}
当初回到主题，咱们常常看到!important和(空格)/**/:组合在一起应用，这个写法有什么奇妙呢,CSS中清除浮动方法？
先复习一下对IE的box-model的破解
IE box-model这个臭名远扬的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak宣布了传播最为普遍的那个hack才开端被征服
Tag：浏览器 兼容
文档类型申明就像一个开关，翻开向后兼容的将来,CSS中水平居中和垂直居中的几种方法，而毛病使用的话，就是一个Pandora box.
详细的兼容性问题查看此图
看方才那个写法，我这里能够供给另一种写法也能到达这样的后果
IE5.X/win对box-model的解析是一样的,CSS中有序列表的一些特殊代码形式，他们以为width包含了边框(border)跟补白(padding)，荣幸的是这个情形在IE6中有了好转
然而IE6在向后兼容的同时也容纳了以前的错误，IE6实在有两个中心，在旧的页眼前他仍然表示出对错误的宽容，只有在文档中严厉地加上文档类型(DOCTYPE)声明，IE6才可能接收正确的box-model
所以，tantak的hack必需和准确的DOCTYPE同时包括在文档中才干够畸形工作
--> [
网站建设之]CSS之兼容浏览器篇
◦div.content {
◦width:300px !important,CSS中最小高度(min-height)的妙用; //这个是正确的width，大部门支持!important标志的浏览器使用这里的数值
◦width(空格)/**/:400px; //IE6/win不解析这句，所以IE6/win依然认为width的值是300px；而IE5.X/win读到这句，新的数值(400px)覆盖掉了旧的，由于!important标记对他们不起作用
◦}
◦html>body .content { //html>body是CSS2的写法
◦width:300px; //支撑CSS2该写法的阅读器有幸读到了这一句
◦}
同样，这个方式仍必须依附正确的文档类型声明能力够正常工作，起因在前面已经说过。
(责任编辑：网站建设)
CSS之兼容浏览器篇相关文章