3帶固定邊欄的欄目佈局

如何進行3欄目佈局，其中左側菜單欄和右側菜單欄不跟隨頁面滾動，只有中間欄滾動。我已經完成了它，但在屏幕變化中心與其他人混合。3帶固定邊欄的欄目佈局

<section id="wrapper"> 
    <div id="main"> 
    <aside id="left"> 
     <article> 
       left menu 
     </article> 
    </aside> 

    <aside id="right"> 

     this is middle 

    </aside> 
    <aside id="exright"> 
    this is right 

    </aside> 
    </div> 
</section>

和CSS是：

#wrapper { 
    width: 1300px; 
    min-height: 0px; 
    /* [disabled]min-width: 1300px; */ 
    margin-left: auto; 
    margin-right: auto; 
} 
#main { 
    width: 1300px; 
    min-width: 1300px; 
    /*position:relative;*/ 
    /* [disabled]max-width: 1300px; */ 
} 
#left { 
    width: 280px; 
    float: left; 
    margin-left: 0.7%; 
    margin-right: 0.7%; 
    position:fixed; 
    top:100px; 
} 
#right { 
    width: 100%; 
    max-width:700px; 
    float: left; 
    position:relative; 
    left:300px; 
    right:300px; 
    top:110px; 
    overflow-x:hidden; 
} 
#exright { 
    width: 280px; 
    margin-left: 10px; 
    margin-right: 10px; 
    float: left; 
    position:fixed; 
    left:1000px; 
    top:110px; 
}

來源

2014-09-01 user3789191

向我們展示你嘗試過什麼。 – drip 2014-09-01 08:17:00

使您的側柱固定位置和中心沒有。 – qtgye 2014-09-01 08:17:21

你可以使用twitter引導。 http://getbootstrap.com/css/ – 2014-09-01 08:26:18