margin属性用法详解

margin是一个简写的属性，该属性可以设置1到4个值，对应所有的外边距宽度。

它的作用就是设置一个元素所有外边距的宽度，或者设置各条边上外边距的宽度。

实例1

div{margin:22px 32px 43px 54px}

对应的顺序分别是：上、右、下、左。

因此上面设置的就分别是：

上外边距为22px

右外边距为32px

下外边距为43px

左外边距为54px

实例2

div{margin:10px 8px 12px;}

上外边距是10px

右外边距和左外边距是8px

下外边距是12px

实例3

div{margin:10px 8px;}

如果只设置两个，则分别是上下外边距，以及左右外边距。

实例4

div{margin:10px;}

只设置一个，那么就是上下左右外边距都是10px。

margin属性自带两个值，分别是auto和inherit。

auto是浏览器自动计算外边距。

inherit则规定应该从父元素来继承外边距。

本文转载自三体教程 http://www.santii.com/article/58.html