什么情况下会出现margin重叠?相信有很多人都不太了解,今天小编为了让大家更加了解margin重叠,所以给大家总结了以下内容,一起往下看吧。
margin重叠:是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。
什么情况下会出现margin重叠:
1、元素的顶边界与前面元素的底边界发生叠加
2、元素的顶边界与父元素的顶边界发生叠加border-top的边界和它的父元素相同。
3、元素的顶边界与底边界发生叠加
假设有一个空元素,它有边界,但是没有边框或填充。在这种情况下,顶边界与底边界就碰到了一起
4、空元素中已经叠加的边界与另一个空元素的边界发生叠加
以上就是什么情况下会出现margin重叠的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注亿速云行业资讯频道哦!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。