如圖所示，三欄布局中，左右固定寬度，中間自適應(yīng)有很多總解決方法，之前也看過一篇文章In Search of the Holy Grail ，不過，就我個人而言，跟喜歡通過margin的負(fù)值來達(dá)到這種效果。
核心CSS代碼：
- #content{background:#ff6;}
- #left,#right{width:200px;background:#fc0;float:left;}
- #middle{float:left; width:100%;margin:0 -200px;}
- #middle .inner{margin:0 200px;background:#ccc;}
- #right{float:right;}
DOM 結(jié)構(gòu)：
- <div id=\"content\" class=\"clearfix\">
- <div id=\"left\">
- </div>
- <div id=\"middle\">
- </div>
- <div id=\"right\">
- </div>
- </div>
