BFC环境

    BFC—Block Formatting Context  块级格式化上下文

      它是一个环境,是一个独立的渲染区域,它规定了内部的块级别的Box如何布局,且BFC内和BFC外各不相干。

      需要条件触发才能生成BFC环境。

      会触发BFC环境的元素:

      1.根元素;

      2.当float属性不为none时;

      3.position为absolute或fixed;

      4.ovflow不为visible.

      使用BFC环境的时机:

      当两个垂直排列的块级元素水平浮动后,这时侯发现一个div里的两个块级元素已经独立自成块了,没有一个父级元素,且浮动后的块级元素还影响到周围其他的布局。通常用overflow:hidden来触发BFC环境。

 

    

posted on 2016-09-25 22:17  Endding  阅读(157)  评论(0编辑  收藏  举报

导航