BFC-layout-1

a demonstrate of block formatting context

by Liu Feng

HTML

<div class="aside">
</div>
<div class="main">
</div>

CSS

body {
  position: relative;
  width: 100%;
}
.aside {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #f7c5cd;
}
.main {
  width: 200px;
  height: 200px;
  background-color: #0caa74;
}