BFC-clear-1

clear float demonstrate

by Liu Feng

HTML

<div class="wrap">
  <div></div>
  <div></div>
  <div></div>
</div>

CSS

.wrap {
  width: 1000px;
  border: 10px solid #0caa74;
}

.wrap div {
  float: left;
  width: 300px;
  height: 100px;
  margin-right: 10px;
  border: 10px solid #f7c5cd;
}