表格布局方案

by feng chen

HTML

<h4>
  表格布局方案
</h4>
<article class="layout_table">
  <div class="left">左边部分</div>
  <div class="middle">中间部分</div>
  <div class="right">右边部分</div>
</article>

CSS

html * {margin:0; padding:0}
.layout_table {display: table; height:100px; width:100%;}
.layout_table > div{display: table-cell;}
.left{width:100px; background:lightblue;}
.right{width:100px; background:lightgreen;}
.middle{background:pink;}