<div class="container">
   <div class="aside">
      我是图
    </div>

    <div class="main">
      Jan 24, 2014 - 【深入BFC】 关于CSS中float布局,清除浮动,和margin合并的原理解析,解开你心中的那些困惑 
    </div>

    <div class="footer"></div>
  </div>
.container {
  background-color: #123;
  width: 300px;
}
.aside {
  width: 100px;
  height: 150px;
  background: #f66;
  margin-bottom: 50px;
}
.main {
  display:flow-root;
  background: #fcc;
}
.out-main {
  margin-top: 50px;
/*   overflow:hidden; */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.