Css 什么'；填充和边距的区别是什么？

在W3 CSS和XUL/CSS中？（不在CSS和XUL/CSS之间）。

填充是元素内部的空间（在元素的边框内）

---

边距是元素外部（周围）的空间。

填充是内容和边框之间的区域，而边距是边框外部的区域

---

有关说明，请参阅。

我向您推荐这篇文章。图表来自那篇文章

---

填充是元素宽度的一部分。边距在外侧，不是宽度的一部分

这里有一个有趣的盒子模型演示，可以帮助您理解

---

好的，其中一些答案使用了令人困惑的术语，并且是错误的

元素的css宽度不包括填充、边框或边距

因此，说“填充在元素内部”是不精确的

说“填充在元素的边框内”和“边距在元素的边框外”是正确的

要计算长方体占用的空间（例如，仅水平放置），请执行以下操作：

当人们说“padding是元素内部的空间”时，这让我很恼火，因为：元素有padding，它有边框，它有边距。所有这些内容都超出了元素的内容宽度，在计算元素占用的空间时必须考虑这些内容

如果你说“padding在元素内部”，那么你就犯了MSIE在其breakbox模型中犯的同样错误，这给网页设计师带来了很多麻烦

---

嗯。为什么要投票支持？根据CSS框模型，这是不真实的@戈普-你在说什么？边距是元素周围/外部的间距。填充是内部的。@ghoppe这确实不会改变我的答案。他没有提到宽度，他问的是区别。@ghoppe。。。你的照片正好印证了我的帖子。看看其他人在他们的文章中所说的，我们都是对的。@webdestrova@Michael说“填充使边框移动（特别是扩展）。边距使周围的元素移动。”——填充也使周围的元素移动。这会让许多网页设计师大吃一惊。填充不是元素宽度的一部分

#div1{width:500px；padding:10px；}

在屏幕上看起来比

#div2{width:500px；padding:0px；}

更大（除非你是一个坏的MSIE盒子型号：）是的，填充将使这个盒子“更宽”。那个盒子将是520像素宽。破碎的ie盒子模型仍然是500px宽，它为填充物腾出了空间。它的语义。我知道你在说什么，我想很难用正确的语言来表达。需要一张照片。可能是

horiz. space = width + 2(padding) + 2(border) + 2(margin)