Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
256 views
in Technique[技术] by (71.8m points)

触发了BFC但还是发生了margin-collapsing

按照之前的理解的同一个BFC下的两个兄弟元素A和B原本存在margin折叠,但是如果A和B都生成了自己的BFC,就会使margin折叠失效

但这里有个小demo

可以发现有两个触发BFC的属性可以消除margin折叠

  • display: inline-block

  • float

但是这些却不行

  • display: flex/table-cell

  • overflow: hidden

请问这是为什么呢?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

再贴一下这个链接


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
...