margin 和 padding 的区别

通俗的讲法：

padding：内边距，如果以border为界限的话，在border里。

margin：外边距,在border外。

相同点：参数相同 （a,b,c,d）->(上,右,下,左)

举个例子，很容易看出：

css样式：

<code>div{</code>

<code>    </code><code>width</code><code>:</code><code>100px</code><code>;</code>

<code>    </code><code>height</code><code>:</code><code>100px</code><code>;</code>

<code>    </code><code>border</code><code>:</code><code>2px</code> <code>solid</code> <code>blue</code><code>;</code>

<code>    </code><code>padding</code><code>:</code><code>10px</code> <code>10px</code> <code>10px</code> <code>10px</code><code>;</code>

<code>    </code><code>margin</code><code>:</code><code>10px</code> <code>10px</code> <code>10px</code> <code>10px</code><code>;</code>

<code>    </code><code>background-color</code><code>:</code><code>black</code><code>;</code>

<code>}</code>

body部分很简单，就只有一个空的&lt;div&gt;&lt;/div&gt;.

本文转自 爱笑嘚蛋蛋 51CTO博客，原文链接：http://blog.51cto.com/dd118/1672953，如需转载请自行联系原作者