绝对定位方案

by feng chen

HTML

<h4>
绝对定位方案
</h4>
<article class="layout_absolute">
  <div class="left">左边部分</div>
  <div class="middle">中间部分</div>
  <div class="right">右边部分</div>
</article>

CSS

html * {margin:0; padding:0;}
.layout_absolute{position: relative;}
.layout_absolute > div{min-height: 100px; position:absolute;}
.left{width:100px; left:0; background: lightblue;}
.right{width:100px; right:0; background: lightgreen;}
.middle{left:100px; right:100px; background: pink;}