布局BFC

bfc:快级执行山下文，布局中一个独立的区域，与外部毫不相干。

BFC：布局规则

    1.内部的box会在垂直方向上一个接一个的放置。

    2.内部的box在垂直方向上距离由margin决定，属于同一个bfc的相邻的margin会发生重叠。

    3.开启bfc的区域，不会与开启浮动的box重叠。

    4.计算bfc高度时，浮动元素也计算在内。

开启bfc:

    1. float属性不为none。

    2.position为absolute或者fixed

    3.overflow不为visiable

    4.display位inline-block table-cell flex等