<div class="bfc-demo-3">
  <div class="box-1">我是一个左浮动的元素</div>
  <div class="box-2">我是一个没有设置浮动, 也没有触发 BFC 元素。我所在的容器盒子与前一个浮动元素所在的容器盒子发生了重叠。</div>
</div>

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