BFC

BFC全称块级格式化上下文，BFC的作用是将内部的内容和外部的上下文隔离开，也就是说BFC里的内容不会和外部的元素重叠或互相影响。

以下任意属性都会创建BFC

• float为left或right，不为none即可
• overflow不为visible
• display为块级容器(inline-block、flex、grid或inline-flex等)
• position是absolute或fixed

网页的根元素就是创建了一个顶层的BFC。

某些情况下，BFC内容和BFC的内容会重叠