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