填充和边距有什么区别？
在 W3 CSS 中以及在 XUL/CSS 中？ （不在 CSS 和 XUL/CSS 之间）。
In W3 CSS and also in XUL/CSS? (not between CSS and XUL/CSS).
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
在 W3 CSS 中以及在 XUL/CSS 中？ （不在 CSS 和 XUL/CSS 之间）。
In W3 CSS and also in XUL/CSS? (not between CSS and XUL/CSS).
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（6）
我向您推荐这篇文章。该图来自那篇文章。
http://elegantcode.com/2010/01/26/css-basics-the-box-model/
I recommend this article for you. The diagram is from that article.
http://elegantcode.com/2010/01/26/css-basics-the-box-model/
填充是元素内部的空间（元素边框内部）。
边距是元素外部（周围）的空间。
Padding is the space INSIDE an element (inside the border of the element).
Margin is the space OUTSIDE(Around) an element.
内边距是内容和边框之间的区域，而边距是边框之外的区域。
有关说明，请参阅 CSS 盒模型。
Padding is the area between the content and the border while the margin is the area outside the border.
See CSS box model for clarification.
好吧，其中一些答案使用了令人困惑的术语并且是错误的。
元素的 css 宽度不包括内边距、边框或边距。
因此，说“填充位于元素内部”是不准确的。
正确的说法是“内边距位于元素边框之内”和“边距位于元素边框之外”。
计算一个盒子占用了多少空间（例如，仅水平）：
当人们说“填充是元素内部的空间”时，我很烦恼，因为：元素有填充，有边框，有边距。 所有这些内容都在元素的内容宽度之外，并且在计算元素占用多少空间时必须考虑在内。
如果你说“填充位于元素内部”，那么你就犯了 MSIE 在其破盒子模型中犯的同样错误，给无数的网页设计师带来了许多麻烦。
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
OK, several of these answers use confusing terminology and are wrong.
The css width of an element does not include padding, borders, or margin.
Therefore it is imprecise to say "padding is inside an element".
It is correct to say "padding is inside the border of an element" and "margin is outside the border of an element".
To calculate how much space a box takes up (for example, just horizontally):
It bugs me when people say "padding is space inside an element" because: the element has padding, it has a border, and it has margin. All of that stuff is outside the content width of the element, and must be accounted for when calculating how much space the element takes up.
If you say "padding is inside the element" then you are making the same mistake MSIE did in its broken box model, causing untold web designers many headaches.
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
边距是元素边框之外的空间。它在元素的边框与其相邻元素之间创建空间。
它用于控制元素之间的外部间距。
填充是元素边框内的空间。它在元素的内容与其边框之间创建空间。
它用于控制元素内容和边框之间的内部间距。
Margin is the space outside the border of an element. It creates space between the border of an element and its adjacent elements.
It is used to control the external spacing between elements.
Padding is the space inside the border of an element. It creates space between the element's content and its border.
It is used to control the internal spacing between the content and the border of an element.
填充是元素宽度的一部分。边距位于外部，并且不是宽度的一部分
这是一个有趣的盒模型演示，可以帮助您理解。
http://redmelon.net/tstme/box_model/
padding is part of the width of an element. margin is outside and isn't part of the width
Here's an interesting box model demo that will help you understand.
http://redmelon.net/tstme/box_model/