bfc有那些特性,如何触发?
what:bfc格式化上下文,指一个独立的渲染区域。 bfc的特性: 内部的Box会在垂直方向上一个接一个的放置。 垂直方向上的距离由margin决定 bfc的区域不会与float的元素区域重叠。 计算bfc的高度时,浮动元素也参与计算 bfc就是页面上的一个独立容器,容器里面的子元素不会影响外面元素。触发bfc的元素:
·
what:bfc格式化上下文,指一个独立的渲染区域。
bfc的特性:
内部的Box会在垂直方向上一个接一个的放置。
垂直方向上的距离由margin决定
bfc的区域不会与float的元素区域重叠。
计算bfc的高度时,浮动元素也参与计算
bfc就是页面上的一个独立容器,容器里面的子元素不会影响外面元素。
触发bfc的元素:
根元素
float的值不为none
overflow的值不为visible
display的值为inline-block、table-cell、table-caption
position的值为absolute或fixed。
bfc的特性:
内部的Box会在垂直方向上一个接一个的放置。
垂直方向上的距离由margin决定
bfc的区域不会与float的元素区域重叠。
计算bfc的高度时,浮动元素也参与计算
bfc就是页面上的一个独立容器,容器里面的子元素不会影响外面元素。
触发bfc的元素:
根元素
float的值不为none
overflow的值不为visible
display的值为inline-block、table-cell、table-caption
position的值为absolute或fixed。
更多推荐
已为社区贡献2条内容
所有评论(0)