BFC( 块级格式化上下文)是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然
如何创建BFC
1、float的值不是none
2、pssition的值不是static或者relative
3、display的值是inline-block、flex或者inline-flex
4、overflow:hidden
什么是overflow:hidden?
overflow:hidden表示溢出隐藏,溢出盒子边框的内容将会被隐藏
overflow:hidden是非常好用的让盒子形成BFC的方法
BFC的其他作用
BFC可以取消盒子margin塌陷
BFC可以阻止元素被浮动元素覆盖