CSS中的BFC
CSS中的BFC
CSS中的BFC
只要这个元素(标签),满足上面任意一个属性。都会触发BFC
我们可以把BFC看成一种属性,这种属性的触发如上。
BFC的特点就是,形成一个独立的隔绝的容器,样式等都不会向外造成影响。
BFC的作用:
1)避免外边距重叠
2)清除浮动
3)阻止元素被浮动元素覆盖
BFC对于属于该流的元素都有隔离作用,但是诸如position:fiex的会脱离该流的元素是没有束缚作用的。
视频推荐:带你用最简单的方式理解最全面的BFC_哔哩哔哩_bilibili
https://www.bilibili.com/video/BV1aZ4y1M7gW/?spm_id_from=333.337.search-card.all.click&vd_source=7242b2db78c4b9235568bc9fa6617dcf