margin重叠问题

本文主要是介绍margin重叠问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

现象：相邻的普通元素的高度，等于两者相加的绝对值

解决：开启 BFC（Block Formatting Content）块级格式化上下文

1. overflow（外层div，值不为 visible ）
2. position（内层div，值不为 static 或 relative ）
3. display（内层div，值为 inline-block，table-cell，flex，table-caption 或 inline-flex）
4. float（内层div，值不为none）
5. zoom（外层div，值为1，清除margin的重叠，适用于IE）
6. padding（外层div）
7. border（外层div）

通过以上属性可解决重叠现象

这篇关于margin重叠问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！