1. 什么是bfc
块级元素格式化上下文(block formatting context)是一个至少满足以下任意一个条件的html元素:
1.float的值不是none
2.position的值既不是static也不是relative
3.display的值是table-cell,table-caption,inline-block,flex或inline-flex
4.overflow的值不为visible
5.根元素html
注意点:
1.bfc元素就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。
2.bfc元素垂直方向的距离由margin决定,属于同一个bfc元素的两个相邻元素的margin会发生重叠
应用实例链接
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论