三列-table

table 实现三列布局

by Alex Liu

HTML

<div class="container">
  <div class="left"></div>
  <div class="main"></div>
  <div class="right"></div>
</div>

SCSS

.container {
  display: table;
  width: 100%;
}

.left, .main, .right {
  display: table-cell;
}

.left {
	    width: 200px;
	    height: 300px;
	    background-color: red;
        }
        .main {
	    background-color: blue;
        }
        .right {
	    width: 100px;
	    height: 300px;
	    background-color: green;
        }