Margin 与 Padding 的区别

时间:2022-11-14 23:18:00

1.Margin

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

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

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

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

2.Padding

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

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

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