CSS雙飛翼布局是一個常見的三欄布局，它利用了浮動及負(fù)邊距的技巧，可以實(shí)現(xiàn)背景色延伸至最底部。與傳統(tǒng)的三欄布局相比，CSS雙飛翼布局最大的優(yōu)越性在于讓主體內(nèi)容先加載。

.container{
padding-left: 200px;
padding-right: 150px;
} 
.container .main{
float: left;
width: 100%;
} 
.container .left{
position: relative;
float: left;
margin-left: -200px;
width: 200px;
} 
.container .right{
position: relative;
float: right;
margin-right: -150px;
width: 150px;
}

在上面的代碼中，我們通過設(shè)置左側(cè)和右側(cè)的margin值為負(fù)，實(shí)現(xiàn)左右兩邊的背景色能夠延伸到整個頁面。同時，我們通過在父元素上設(shè)置左右padding值，保證浮動元素不會與容器邊緣重合。

另外，為了使主體內(nèi)容不被左右兩欄遮蓋，我們需要定義一個.main類，并將其寬度設(shè)為100%，使主體內(nèi)容自適應(yīng)布局。

總之，CSS雙飛翼布局是一種強(qiáng)大的布局方式，可以實(shí)現(xiàn)三欄布局并兼顧瀏覽器兼容性，是Web開發(fā)中不可或缺的技能。