在W3 CSS中以及在XUL/CSS中也是如此(不是CSS和XUL/CSS之间)。
Padding是元素内部(即元素边框内部)的空间。
Margin是元素外部(即周围)的空间。
好的,其中一些答案使用了混淆术语并且是错误的。
元素的CSS宽度不包括填充、边框或外边距。
因此,说“填充在元素内部”是不精确的。
正确的说法是“填充在元素的边框内部”,而“外边距在元素的边框外部”。
要计算一个盒子占用多少空间(例如,仅水平方向):
horiz. space = width + 2(padding) + 2(border) + 2(margin)
当人们说“填充是元素内部的空间”时,我感到很困扰,因为:元素具有填充、边框和外边距。所有这些东西都在元素的内容宽度之外,必须在计算元素占用多少空间时加以考虑。
如果你说“填充在元素内部”,那么你就犯了与 MSIE 在其破碎的盒子模型中一样的错误,导致无数网络设计师头痛不已。
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
#div1 {width: 500px; padding: 10px;}
在屏幕上看起来比 #div2 {width: 500px; padding: 0px;}
更大(除非你使用破损的 MSIE 盒模型:http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/)。 - ghoppe