margin 和 padding 都是用来调节上下左右的距离，具体的，两者有什么区别？

简单的说，margin 是调节一个元素的边框外（与其它元素之间）的距离，padding 是调节一个元素的边框内（元素的内容和边框之间）的距离。

首先看一下下面的图示：

从上面的图中，便可以清楚地看出 margin 和 padding 的区别，对 margin 的调节，是在调节元素的边框（border）以外的部分，而对 padding 的调节，是在调节元素的边框（border）以内的部分。用一个不是很十分恰当的例子来说，如果将一个房子作为一个元素，当 padding 的大小改变时，改变的是这个房子四面墙壁，而 margin 的改变，是改变这个房子以外的院墙。

标签：CSS, margin, padding