CSS布局：左右固定宽，中间自适用。

测试：IE6,IE8,FF,Chrome,Opera,Safari

方法一：

利用绝对定位方法实现。

CSS部分：

.div1{position:absolute;left:0px;top:0;width:100px;background-color:#FFFF00;}
.div3{position:absolute;right:0px;top:0;width:120px;background-color:#FFFF00;}
.div2{margin:0px 120px 0px 100px;background-color:#00CCFF;}

HTML部分：

<div class="div2">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义有三种,1、类比如.RedText、 .BlueText和.BigText等等...
原创：中国优化联盟 | 时间：2010-2-11 | 16071人阅读怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义有三种,1、类比如.BigText等等...
原创：中国优化联盟 | 时间：2010-2-11 | 16071人阅读
</div>
<div class="div1">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义
</div>
<div class="div3">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义有三种,1、类比如.RedText、 .BlueText和.BigText等等...
原创：中国优化联盟 | 时间：2010-2-11 | 16071人阅读
</div>

 

方法二：

利用浮动实现。

缺点是：设置了3个DIV的高度后，在IE6下出现3PX的间距，需要处理这个BUG。

最后解决办法是，不要设置中间非浮动DIV的高度。

CSS部分：
.div1{float:left;width:100px;height:auto!important;height:100px;background-color:#FFFF00;}
.div3{float:right;width:120px;height:auto!important;height:100px;background-color:#FFFF00;}
.div2{margin:0px 120px 0px 100px;background-color:#00CCFF;}

HTML部分：

<div class="div1">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义</div>
<div class="div3">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义</div>
<div class="div2">怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义怎样做CSS布局呢?,CSS文件的链接方式,1、附加链接：外部CSS文件,2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中,CSS规则定义</div>