1.外边距合并
当两个垂直外边距相遇时,他们将合并为一个,最终取决于两个外边距中距离较大的那个。
如果两个外边距相遇时值相等,那么取其中一个值。
2.外边距的溢出
在某些条件下,为子元素设置上外边距时,有可能会作用到父元素上。
1.父元素没有上边框
2.为子元素设置上外边距时
2.在d2中嵌套一个子元素div,id=”d3”,设置其尺寸为100*100,并设置其背景颜色
3.设置d3的上外边距为50px,观察其结果。
解决溢出方案:
**1.为父元素增加上边框
弊端:对父元素的高度有影响
2.使用父元素的上内边距来取代子元素的上外边距
弊端:对父元素的高度有影响
3.在父元素的第一个子元素位置处,增加一个空(table)
行内元素以及行内块元素的垂直外边距
1.行内元素垂直外边距无效(img除外)
2.行内块元素,设置垂直外边距时,整行元素都跟着发生改变**