三列布局

BFC 2

by Alex Liu

HTML

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
  <div class="main">
    
    <div class="inner">
    hello world !
    </div>
    
  </div>
</div>

SCSS

.container {

}

.left {
  float: left;
  width: 100px;
  height: 500px;
  background-color: #933;
}

.right {
  float: right;
  width: 200px;
  height: 500px;
  background-color: #9a9;
}

.main {
  height: 200px;
  overflow: auto;
  background-color: #ccc;
}