<div class="bfc-demo-4">
  <div class="box-1">我是一个左浮动的元素</div>
  <div class="box-2">我是一个没有设置浮动, 但是触发 BFC 元素。BFC 可以阻止元素被浮动元素覆盖。</div>
</div>

.bfc-demo-4 .box-1 {
  float: left;
  width: 100px;
  height: 100px;
  background: #add8e6;
}
.bfc-demo-4 .box-2 {
  width: 200px;
  height: 200px;
  background: #eee;
  overflow: hidden;
}