三个盒子，左右定宽，中间自适应有几种方法

<div style="100%; margin:0 auto;"> 

       <div style="200px; float:right; background-color:#960">这是右侧的内容 固定宽度</div>

       <div style="150px; float:left; background:#6FF">这是左侧的内容 固定宽度</div>

       <div style="margin-left:150px;margin-right:200px; background-color:#9F3">中间内容，自适应宽度</div>

    </div>

第二种：左右两侧采用绝对定位 中间同样采用margin-left margin-right方法：

第三种负的margin

使用这种方法就稍微复杂了一些了，使用的是负的margin值，而且html标签也增加了，先来看其代码吧：

<div id="main">

 <div id="mainContainer">main content</div></div><div id="left">

 <div id="leftContainer" class="inner">left content</div></div><div id="right">

 <div id="rightContainer" class="inner">right</div></div>

#main {

 float: left;

  100%;

}

#mainContainer {

 margin: 0 230px;

 height: 200px;

 background: green;

}

#left {

 float: left;

 margin-left: -100%;

  230px} 

#right {

 float: left;

 margin-left: -230px;

  230px;

} 

#left .inner,

#right .inner {

 background: orange;

 margin: 0 10px;

 height: 200px;

}