填充和边距之间有什么区别？

Question

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

Answer 1

我推荐这篇文章给你。该图来自那篇文章。

http://elegantcode.com/2010/01/26/css-basics-the-box-model/

Answer 2

填充是INSIDE元素的空间（在元素的边界内）。

边距是OUTSIDE（周围）的一个元素。

Answer 3

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

有关说明，请参阅CSS box model。

Answer 4

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

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

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

说“填充在元素的边界内”并且“边距在元素的边界之外”是正确的。

计算一个框占用的空间（例如，只是水平）：

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

当人们说“填充是元素中的空间”时，它会让我烦恼，因为：元素有填充，它有边框，并且有边距。 所有的东西在之外元素的内容宽度，并且在计算元素占用的空间时必须考虑到。

如果你说“填充在元素内部”，那么你在MSIE破坏的盒子模型中犯了同样的错误，导致无数网页设计师头疼。

http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/

Answer 5

填充是元素宽度的一部分。保证金在外面，不是宽度的一部分

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

http://redmelon.net/tstme/box_model/