什么是BFC

BFC：即“块级格式化上下文”

BFC是在传统布局中实现自适应布局，所产生的一种布局。

那如何触发BFC呢？ 下面2种方式都可以触发

<div class="flow-box">
    <img src="xx" width="100" style="float:left;">
    <div class="flow-content"><img src="xx" width="100%" height="100"></div>
</div>

<div class="flow-box">
    <img src="xx" width="100" style="position:absolute;">
    <div class="flow-content"><img src="xx" width="100%" height="100"></div>
</div>

这种写法有种弊端，需要知道左侧的<img> 和右侧的div的间距，配合上margin-left 或者margin-right