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
