<div class="container">
   <div class="aside">
      我是图
    </div>
    <div class="main">
      Jan 24, 2014 - 【深入BFC】 关于CSS中float布局,清除浮动,和margin合并的原理解析,解开你心中的那些困惑 ... 第一个特性特别有用,因为元素触发了BFC的话,就不会被float元素 ... CSS div,p{margin:0;padding:0;} .box {width:320px;} .img {width: ...
    </div>
    <div class="footer"></div>
  </div>
.container {
  height: 50px;
  background-color: #123;
  width: 300px;
}
.aside {
  width: 100px;
  height: 150px;
  background: #f66;
  float: left;
}
.main {
  background: #fcc;
  overflow: hidden;  // 将main变为bfc
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.