ブロックレベルのコンテキストフォーマット（ブロック書式コンテキストを、BFCをいいます。）
ブロックレベルの書式設定命令をコンテキスト
-
定義：この地域に指定されているレンダリングの独立したエリア、従来のカセットストリームチャンクのレイアウト
-
BFC異なる領域、彼らはレンダリングしないに感染
-
BFC、その内部および外部のリンクからカットオフの要素を作成し、内部のレンダリングは、外部に影響を与えません。
ブロックレベルの書式設定ルールの特定のコンテキスト
- 自動浮動要素の高さを計算する必要がBCF作成された要素、
崩壊の高さは、フロートに外に行く場合は、分離株の内部および外部リンクのために：理由は-
.container{
background: lightbule;
position:absolute/fixed
float:left/right
overflow:scroll/auto/hidden;(副作用最小)
}
- BFCは、境界フロートと重ならない要素、作成
-原因：単離、内部および外部リンクへ、フローティング要素は離れた要素（マージンによって達成値）から浮いていないだろうが、それでも一列に配置されました
.container{
background: lightbule;
position:absolute/fixed
float:left/right
overflow:scroll/auto/hidden;(副作用最小)
}
- BFCは、その子の要素を作成し、連結利益ではありません
。理由：コンテナはBFC HTMLに属する内部および外部リンクを単離するため、には、子コンテナは、BFCに属します
.container{
background:#008c8c;
height:500px;
margin-top:30px;
position:absolute/fixed
float:left/right
overflow:scroll/auto/hidden;(副作用最小)
}
.child{
height:100px;
margin: 50px;
background: lightbule;
}
-
比較の従来のカートリッジ・ストリーム・チャンク
* 在水平方向上，必须撑满包含块 * 在包含块的垂直方向独占一行依次摆放 * 外边距无缝隙相邻(包括padding border)，则进行外边距合并 * 自动高度和摆放位置，无视浮动元素，绝对，固定定位元素
BFCの描画領域
このエリアは、次の要素は、BFCの内部領域に作成され、HTML要素によって作成されました：
* 根元素： 意味着，<html>元素创建的BCF区域，覆盖了网页中所有的元素
* 浮动元素和绝对，固定定位元素
* overflow 不等于 visible的块盒(overflow:hidden)
