作者：阿捷 2004-7-22 22:37:07
本文来自：CSS/Examples/boxmodelhack.html”>tantek.com，也可以阅读《网站重构》第225-235页了解更多。
我们定义一个最基本的层：
boxtest
div.boxtest{ border:20px solid #60A179;padding: 30px;background : #ffc;width : 300px;}标准情况下，这个盒的宽度是:20+30+300+30+20=400px。
但是在IE5.0浏览器中，对盒模型的宽度解释有个bug，它认为300px是整个盒的总宽度，内容的宽度变成：300-20-30-20-30=200px。
为了弥补这个bug，采用一个技巧：即增加一个IE5不能解释的声音属性"voice-family",读到这个定义时浏览器就不再继续阅读，认为宽就是400px，但而其他符合标准的浏览器会继续阅读，并执行第二个真实值300px。
content
div.content{border:20px solid #60A179;; padding:30px;background: #ffc;width :400px;voice-family : "/"}/"";voice-family :inherit;width : 300px;}
同样，在Opera7.0以前的浏览器也有这样的解析bug。但我们并不需要使用伪值，有更简单的办法解决这个问题：html>body .content { width :300;}
欢迎大家阅读《盒模型bug的解决方法_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：盒模型bug的解决方法_css 
