侵占浮动元素问题

代码

html：

box1
box2

css：

.box1{
  width:100px;
  height:100px;
  background:skyblue;
  float:left;
}
.box2{
  width:200px;
  height:200px;
  background:tomato;
}

侵占效果：

---

解决方法

修改box2样式（添加overflow:hidden;）：

.box2{
  width:200px;
  height:200px;
  background:tomato;
  overflow:hidden;
}

修正效果：