고정 된 측면 열이있는 3 열 레이아웃

Question

왼쪽 열과 오른쪽 메뉴 열이 페이지 스크롤에서 따라 가지 않고 가운데 열 스크롤에서만 3 열 레이아웃을 만드는 방법. 나는 그걸로 해왔지만, 다른 사람들과 섞인 화면 변경 센터 div에서.

<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; 
} 

Answer 1

당신은 간단한 CSS를 함께 할 수 있습니다.

그냥

#centerdiv 
{ 
    position: fixed; 
} 

를 사용하고 스크롤 안된다.

Answer 2

당신은 같은 것을 할 수 있습니다

col{ 
    width: x%; 
} 

http://jsfiddle.net/qcebwq17/