父子元素margin不重叠的解决办法：

外层元素透明边框 border:1px solid transparent;

内层元素绝对定位 postion:absolute:

内层元素加float:left;或display:inline-block;

BFC触发的条件:

1.设置除 float:none 以外的属性值（如：left | right）就会触发BFC

2.设置除 overflow: visible 以外的属性值（如： hidden | auto | scroll）就会触发BFC

3.设置 display属性值为: inline-block | flex | inline-flex | table-cell | table-caption 就会触发BFＣ

4.设置 position 属性值为：absolute | fixed 就会触发BFC

5.使用 fieldset 元素（可以给表单元素设置环绕边框的html元素）也会触发BFC

2018-12-21 解决margin重叠的问题
父子元素margin不重叠的解决办法： * 外层元素添加padding 外层元素 overflow:hidden;...
margin重叠问题
一．什么是margin重叠现象当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高...
margin 重叠问题
在网页制作中我们经常用到margin属性，但我们有没有注意到在设置 margin 属性时会存在重叠问题呢？我们来看...
CSS中常见兼容性问题及解决方案
一、margin问题 1. 上下margin重叠问题，即给相邻的两个div设置margin-bottom和ma...
margin重叠
通常特性：1.block水平元素（不包括float和absolute元素）2.不考虑writing-mode，只发...
margin负值的应用
边框重叠两个盒子的边框叠加，使得边框变粗，使用margin负值可解决 hover缺失使用上面的margin负值...
margin 不能为负数
想要重叠布局但是margin为负数报错解决方法用transform 的translate 设置平移 ```...
你不知道的 CSS 秘密：margin篇
本篇讲解的是主要是BFC 可以解决的 margin 重叠问题 ,如对你有帮助，请点个赞给个鼓励，谢谢~ 先来一张...
CSS理解之margin
1.margin与百分比单位 2.margin重叠 margin重叠通常特性：只发生在block水平元素（例如：...
「css零碎」使用技巧
1. 使用尽量使用padding代替margin因为BFC问题, margin上下有可能会重叠 2. positi...