div+css布局之margin

margin是外边距，它有叠加的效果，当两个盒子在竖直方向 的时候，两个盒子的距离并不是两者margin之和，而是以大的那个margin为准。

即：#box1{margin-left:5px margin-right:5px;} #box2{margin-left:5px margin-right:5px;}  它们两相距就是5px;

对于浮动的盒子，margin就不存在重叠效果了， 它们之间的距离就是外边距想加。

即：#box1{margin-left:5px margin-right:5px;} #box2{margin-left:5px margin-right:5px;}  这两个盒子在一起的时候，就是相距10px;