填充和边距之间的区别？ [复制]

Question

可能重复：
what's the difference between padding and margin?

嗯，有什么区别？我还真没看懂……

Answer 1

最简单的，padding = 内间距，margin = 外间距。

试试看。

<div style="border:1px solid red;padding:8px;margin:8px;width:200px;">TEST</div>

此元素的宽度将为 2（边框）+ 16（边距）+ 16（填充）+ 200（声明的宽度），总共 234 像素。