按照之前的理解的同一个BFC下的两个兄弟元素A和B原本存在margin折叠,但是如果A和B都生成了自己的BFC,就会使margin折叠失效
但这里有个小demo
可以发现有两个触发BFC的属性可以消除margin折叠
display: inline-block
float
但是这些却不行
display: flex/table-cell
overflow: hidden
请问这是为什么呢?
再贴一下这个链接
1.2m questions
2.1m answers
5 comments
56.7k users