CSS边距和填充有什么区别？

Question

填充

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

Marging

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

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

1. CSS填充属性用于生成内容周围的空间。
2. CSS边距属性用于生成元素周围的空间。

Answer 1

简短的填充制作＆＃34;空间＆＃34;在你的盒子里面，边缘在盒子外面做。

这张图解释得很不错:)

Answer 2

看待它的简单方法是填充是内容边界的内部（从行的内边缘开始的填充），并且边距位于内容边框的外部（从外边缘填充）线）。

以5px纯黑色为内容窗格添加边框，并在更改填充和边距值时查看页面上文本和边框定位的差异。