Question

CSS中margin和padding的区别

Answer 1

CSS中margin和padding的区别如下：

1.Margin

   用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离.

   如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   如果只提供一个，将用于全部的四边。
   如果提供两个，第一个用于上－下，第二个用于左－右。
   如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。

   在IE4+，margin属性不可用于td和tr对象。

   用法:body { margin: 36pt 24pt 36pt; }

2.Padding

   用来设置元素内容到元素边界的距离。

   如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   如果只提供一个，将用于全部的四条边。
   如果提供两个，第一个用于上－下，第二个用于左－右。
   如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   不允许负值。

   用法:body { padding: 36pt 24pt 36pt; }

图解区别如下:

Answer 2

margin:盒子与盒子之间的距离。
padding：盒子边框与内容的距离。