关于两个块状元素的问题
这段代码
#div1 {
border: 1px solid #000099;
height: 60px;
width: 200px;
background:pink;
}
#div2 {<--!使用相对位置，元素偏移之后位置依然空出，即占着茅坑不拉屎，如右图所示，而绝对位置不会占据空间-->
border: 1px solid #000099;
height: 60px;
width: 200px;
position: relative;
top: -62px;
left: 202px;
background:pink;
}
#div3 {
border: 1px solid #000099;
height: 60px;
width: 200px;
background:pink;
position:absolute;
top:69px;
left:8px;
}
#div4 {
border: 1px solid #000099;
height: 60px;
width: 200px;
background:pink;
}
div3的绝对位置的top是8px(右边白板的padding)+60px(width)+ 1+1px(两个border) 为70吧？
为什么当我填写 绝对位置是70的时候，div3往div4元素挤过去了1px
为什么在 流动模型的情况下， 两个相邻块状元素(div) 的边框是挤在一起的。也就是上一块状元素的底边是下一块状元素的上边。
