margin设置div与div间距

转载：http://www.divcss5.com/rumen/r128.shtml

margin的定义

margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。

内边距padding和margin的区别

其实说白了padding就是内容与边框的空隙.而margin 则是模块与模块的空隙.下面图解:

margin 与 padding 得盒子模型图解

margin实际应用地方

两个布局之间距离设置。

1、用margin设置对象盒子间距
我们常用margin设置2个盒子之间距离，无论上下左右的距离我们均可以利用margin实现间隔。

比如下图使用margin-top实现两个div之间的上下间隙。

实际可用margin地方示图

2、利用margin实现布局居中，基础单词：
marign:0 auto;
即可实现对象居中，但需要一个条件，那就是该对象上级一定要设置text-align:center内容居中属性样式。有的浏览器body标签不设置text-align:center内容居中样式，其下级包含对象设置了margin:0 auto也会让其布局居中，但为了兼容各大浏览器建议对body设置一个text-align:center属性样式，这里divcss5提供一个css初始化模板为DIV CSS布局时候无需重复设置css text-align:center等初始化样式属性。