CSS外边距叠加问题
CSS外边距叠加就是margin-collapse,边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距,水平边
距永远不会重合。
重叠结果计算规则:
①.两个相邻的外边距都是正数时,折叠结果是它们两个之间较大的值.
②.两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值.
③.两个边距一正一负时,折叠结果是两者相加的和.
解决方案:
外层元素padding代替
内层元素透明边框 border:1px solid transparent;
内层元素绝对定位 postion:absolute:
外层元素 overflow:hidden;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步