css中攀甚，水平方向上塊級(jí)元素邊距不會(huì)重合梦皮。垂直方向上丽已，2個(gè)或2個(gè)以上的塊級(jí)元素margin會(huì)疊加廓块。
1.先看代碼
/* html */
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
/* css */
div {
width: 100px;
height: 100px;
margin-left: 10px;
}
.div1 {
background: red;
margin-bottom: 100px;
}
.div2 {
background: green;
margin-top: 50px;
}
.div3 {
position: absolute;
width: 100px;
height: 100px;
top: 100px;
left: 100px;
background: blue;
}
圖1
圖一中紅色和綠色方塊垂直方向上的間距不是150px金闽，而是等于藍(lán)色方塊的高度100px。
2.把紅色方塊的margin改為-100px或者綠色方塊的margin改為 -150px剿骨。
圖2
3.把紅色方塊的margin改為-100px代芜，綠色方塊的margin改為 -150px。
圖3
總結(jié)
塊級(jí)盒模型相鄰的垂直margin會(huì)重疊浓利。
margin計(jì)算方法：
1挤庇、全部都為正值钞速，取最大值（圖1）；
2嫡秕、不全是正值渴语，則都取絕對(duì)值，然后用正值減去最大值（圖2）昆咽；
3驾凶、沒有正值，則都取絕對(duì)值掷酗，然后用0減去最大值（圖3）调违。
