内边距和边距有什么区别？

Question

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

Answer 1

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

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

Answer 2

Padding 是元素内部的空间（元素边框内部）。

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

Answer 3

Padding 是内容和边框之间的区域，而 margin 是边框之外的区域。

请参阅 CSS 盒模型 进行说明。

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/

Answer 6

Padding 是元素边框内的空间。它在元素的内容与其边框之间创建空间。 它用于控制元素内容和边框之间的内部间距。