IE 6.0 Firefox Opera等是 真实宽度=width+padding+border+margin IE5.X 真实宽度=width-padding-border-margin 方法1. div.content { width:400px; //这个是错误的width(对于ie5来说是正确的),所有浏览器都读到了 voice-family: "\"}\""; //IE5.X/win忽略了"\"}\""后的内容 voice-family:inherit; width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的 } 方法2. div.content { width:400px; } html>body .content { //html>body是CSS2的写法 width:300px; //支持CSS2该写法的浏览器(非IE5)有幸读到了这一句 } 方法3. div.content { width:300px !important; //这个是正确的width,大部分支持!important标记的浏览器使用这里的数值 width(空格)/**/:400px; //IE6/win不解析这句,所以IE6/win仍然认为width的值是300px;而IE5.X/win读到这句,新的数值(400px)覆盖掉了旧的,因为!important标记对他们不起作用 情缘.教程_网 [http://Www.XiuGoo.Com] } |
|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )
GMT+8, 2024-9-30 03:25 , Processed in 0.124753 second(s), 12 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.