CSS边距和填充有什么区别？ [复制]答案

【问题标题】：What is difference between CSS margin and padding? [duplicate]CSS边距和填充有什么区别？ [复制]
【发布时间】：2016-06-07 19:42:25
【问题描述】：

填充

padding-top
padding-right
padding-bottom
padding-left

边距

margin-top
margin-right
margin-bottom
margin-left

两者都在创造空间......以下两句话之间的实际区别是什么？

【问题讨论】：

标签： html css

【解决方案1】：

简而言之，padding 在你的盒子里创造“空间”，margin 在你的盒子外面做这个。

这张图解释的很好:)

【讨论】：

【解决方案2】：

看它的简单方法是，内边距在内容边界的内部（从行的内边缘开始填充），边距在内容的边界之外（从外边缘开始填充）行）。

为您的内容窗格添加一个 5 像素纯黑色边框，并在您更改内边距和边距值时查看页面上文本和边框位置的差异。

【讨论】：