BFC

BFC

BFC 学名 块级格式化上下文,它是CSS2.1规范定义的,关于CSS渲染定位的一个概念,它的主要作用 是闭合浮动,防止与浮动元素重叠,它的最主要的特性是,盒内元素不会影响到盒子外的元素,盒子外的元素也不会影响到盒子内部,是一个相对独立的东西.

创建BFC盒子最常见的方式有:overflow:hidden,float:left/right,position:absolute/fixed 基本上带有它们三个属性时,就相当于创建了一个BFC盒子

其他创建方式:

根元素或其他包含它的元素

行内快inline-block

元素的属性为display:table-cell

overflow的值不为visible的元素

弹性盒子模型 flex boxes

posted @ 2016-03-30 14:19  kitebear  阅读(116)  评论(0)    收藏  举报