SOURCE

<div class='container'>
  <div class='m'>我是中间</div>
  <div class='l'>我是左边</div>
  <div class='r'>我是右边</div>
</div>

.container{
   padding:0 200px 0 200px;
   overflow: hidden;
   background-color: #fff;
   text-align:center;
}
.m{
  float:left;
  background: red;
  width:100%;
  
}
.l{
  float:left;
  background: green;
  width:200px;
  margin-left:-100%;
  position:relative;
  left:-200px;
  /* 父级宽度为  %100  100% 相对父级来说的。 */
}
.r{
  float:right;
  margin-left:-200px; 
  position:relative;
  right:-200px;
  background: blue;
  width:200px;
}