垂直margin合并问题
前提:
同属于一个BFC的两个相邻的盒子的margin会发生重叠
描述:
外边距合并指的是,当两个垂直外边距相遇时(水平外边距相遇的时候不会有这种问题),它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
解决办法:
1. 使用这种特性
2. 设置一边的外边距,一般设置margin-top
3. 将元素浮动或者定位等(也就是创建一个新的BFC区域,让它们不属于同一个BFC就可以了)
同属于一个BFC的两个相邻的盒子的margin会发生重叠
外边距合并指的是,当两个垂直外边距相遇时(水平外边距相遇的时候不会有这种问题),它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
1. 使用这种特性
2. 设置一边的外边距,一般设置margin-top
3. 将元素浮动或者定位等(也就是创建一个新的BFC区域,让它们不属于同一个BFC就可以了)