2021-06-22

盒子模型的定位关系

盒子在标准流中的定位
用margin控制盒子与盒子之间的位置关系。
（1）两个行内元素相邻时距离：左边的margin-right+右边的margin-left；
（2）不是行内元素，有换行效果的块级元素：上下间的距离是两者中的较大者，如上面的margin-bottom大于下面的margin-top，距离就取margin-bottom。
（3）当div嵌套时，子元素的margin将以父元素的内容区域为参考。
“标准流”中，块级元素没有设width和height时，默认宽度会自动延伸到父元素的内容区域为限，高度为包容下内容的最小高度。如果设置了width和height，就以值来显示。
（4）当margin为负数时。被设为负数的往相反方向移动，甚至会覆盖在其他元素上。当块级元素间形成嵌套的父子关系时，margin设为负数可以使子元素从父元素中分离出来。