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;