一、實現要點：三欄均為float: left。中間欄設width為100%。由于中間欄是第一個DIV，故不需要設置它的margin負值使其位于第一行。此時左欄和右欄將換行顯示。通過設置左欄的 margin-left: -100%;和右欄的margin-left: -150px;使三欄處于同一行顯示。此時剛好處于合理位置故無需設為相對定位進行偏移。注意：網站制作為了兼容IE6，container的zoom:1不可少，它是為了使元素支持haslayerout，常常IE6出現誤差不兼容時，應先試下zoom:1是否可以解決。

　　01 .container

　　02 {

　　03    zoom: 1;

　　04 }

　　05 .column

　　06 {

　　07    float: left;

　　08 }

　　09 .center

　　10 {

　　11    width: 100%;

　　12    background: #D6D6D6;

　　13 }

　　14 .box

　　15 {

　　16    margin: 0 150px 0 200px;

　　17 }

　　18 .left

　　19 {

　　20    margin-left: -100%;

　　21    width: 200px;

　　22    background: #E79F6D;

　　23 }

　　24 .right

　　25 {

　　26    margin-left: -150px;

　　27    width: 150px;

　　28    background: #77BBDD;

　　29 }

　　二、實現要點：首先設置裝著3欄的容器container的padding:0 150px 0 200px。由于中間欄是第一個DIV，且設了中間DIV的width:100%。則下面要做的就是：

　　1. 把左欄DIV放到container的padding-left的空白處：設margin-left: -100%，則往左移動了100%的距離，但仍然在padding-left空白處的右側，所以再利用相對定位，使左移200px，即left:-200px，或者right:200px。

　　2. 把右欄DIV放到container的padding-right的空白處：同上，先使同行顯示則設margin-left: -150px，再設right:-150px移動到正確位置。

　　01 #container

　　02 {

　　03    padding: 0 150px 0 200px;

　　04 }

　　05 #container .column

　　06 {

　　07    position: relative;

　　08    float: left;

　　09 }

　　10 #center

　　11 {

　　12    width: 100%;

　　13 }

　　14 #left

　　15 {

　　16    width: 200px;

　　17    left: -200px;

　　18    margin-left: -100%;

　　19 }

　　20 #right

　　21 {

　　22    width: 150px;

　　23    margin-left: -150px;

　　24    right: -150px;

　　25 }

　　三、用浮動實現。

　　實現要點：三欄均為float: left。中間欄設width為100%，設margin:0 -200px。margin-left和margin-right為-200px意味著原本應在的位置可以向左和向右再占200px，則此時3欄位于同一行，且左欄與中間欄左側重疊，右欄與中間欄右側重疊。只要再將中間欄的數據左右往里各擠200px即可。所以中間欄中再加了個div，設其margin:0 200px即可。

　　01 #left

　　02 {

　　03    width: 200px;

　　04    float: left;

　　05    background-color: #E79F6D;

　　06 }

　　07 #center

　　08 {

　　09    margin: 0 -200px;

　　10    width: 100%;

　　11    float: left;

　　12 }

　　13 #center .inner

　　14 {

　　15    margin: 0 200px;

　　16    background-color: #D6D6D6;

　　17 }

　　18 #right

　　19 {

　　20    width: 200px;

　　21    float: left;

　　22    background-color: #77BBDD;

　　23 }