正确看待CSS的margin重叠
正确看待CSS的margin重叠
CSS重叠通常特性
margin重叠
margin计算规则
margin重叠产生的意义
去除margin-bottom重叠与去除margin-top使用一样
重叠的情况
网页的健壮性,最后一个元素的移除或位置调换,都不会破坏原来的布局
margin重叠产生的原因
空block元素margin重叠的其他条件
如何去掉margin-top重叠
给父级元素的第一个或最后一个元素设置margin等同于给父级元素设置margin
margin重叠的三种情况
margin重叠只发生在垂直方向上
父子元素重叠条件
空block元素margin重叠
mark,,,
空block元素margin重叠
mark,,,,
margin重叠通常特性:
block水平元素,不包括float和absolute元素
不考虑writing-mode,只发生在垂直方向margin-top,margin-bottom
margin重叠的3种情境:
相邻的兄弟元素
父级和第一个/最后一个子元素
空的block元素
margin重叠的计算规则:
1.正正取最大
2.正负值相加
3.负负最负值
margin重叠的优点:
更有健壮性,最后一个元素移除或位置调换,均不会破坏原来的布局
空block元素的重叠产生的条件
父子元素margin重叠的条件
margin计算规则
空block元素margin重叠条件
父子margin重叠条件
margin 三者等同
重叠三种情况
block元素&&垂直方向