关于BFC

时间：2015-05-20 00:24:11 阅读：113 评论：0 收藏：0 [点我收藏+]

标签：

参考 http://www.html-js.com/article/1866(很棒! 还有栗子)

http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html

https://yimity.com/2013/05/10/bfc-block-formatting-contexts.html

BFC针对相对定位

BFC 解决的问题: float高度塌陷父容器和第一个子元素margin重叠浮动元素和非浮动元素重叠

BFC主要是消除两个相邻元素间的影响

在同一个bfc中相邻且无分隔(指这个元素的margin挨着另一个元素的margin 他们没有padding border作为间隔)元素垂直margin会折叠

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。
计算BFC的高度时，浮动元素也参与计算。

触发BFC
float 除了none以外的值
overflow 除了visible 以外的值（hidden，auto，scroll ）
display (table-cell，table-caption，inline-block, flex, inline-flex)
position值为（absolute，fixed）
fieldset元素

关于BFC

标签：

原文地址：http://www.cnblogs.com/cart55free99/p/4515868.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行