CSS宽度值=显示内部宽度？
或
CSS宽度值=内部显示宽度+ CSS边距 - 左边+ CSS边距 - 右边？
答案 0 :(得分：15)
你必须熟悉CSS Box Model。它解释了填充，边距和边框以及宽度的工作原理。
然而请注意，不同的浏览器以不同的方式实现这一点：最值得注意的是，Internet Explorer has a box model bug（这在IE6中臭名昭着 - 我不知道这是否已在IE7或IE8中修复）导致了臭名昭着的“怪癖”模式“CSS黑客。
简单地说，Internet Explorer将其盒子模型设置为在计算宽度时包含填充，而不是官方标准，其中宽度应仅构成内容。
答案 1 :(得分：1)
正如其他人所说，经验法则是CSS box model。这通常如Opera，Firefox和＆amp; Sons等浏览器所宣传的那样。苹果浏览器。 Internet Explorer是您的例外，其中“宽度”包括边距，填充和边框。
有一些很棒的工具可以直观地描述浏览器如何呈现内容。对于Firefox，请查看Firebug，对于Internet Explorer，请查看Developer Toolbar。
答案 2 :(得分：0)
它不仅取决于您选择的浏览器和版本，还取决于您的html文档的doctype。例如，“quirks模式”中的Internet Explorer与具有doctype XHTML 1.0 Transitional的Internet Explorer完全不同。
答案 3 :(得分：0)
Here你可以看到一个“爆炸”框的动画图。
答案 4 :(得分：0)
我认为版本6之前的IE错误地包含了宽度和高度的边框和填充。请参阅：Microsoft Admits IE 5 is Messed Up