스켈레톤 응답 레이아웃이있는 고정 사이드 바

Question

저는 스켈레톤 상용구를 사용한 간단한 두 개의 열 응답 설계가 있습니다.

<div class="container"> 
    <div class="four columns"> 
     /* logo and menu */ 
    </div> 
    <div class="nine columns post"> 
     /* contents... */ 
    </div> 
</div> 

내가 넓은 뷰포트에 보이는이 좁은 사람에 쌓아 어떻게 길을 좋아하지만, 나는이 싶습니다 사이드 바의 경우 은 내가 컨테이너 사업부 내에서,이 DIV이 더 큰 크기의 세로 막대 (네 개의 열 div는div의 내용을 스크롤하는 동안 항상 왼쪽으로 고정되어 있습니다.

여러 가지를 시도하지만이 반응 레이아웃을 망쳐 종료 나는

어떤 도움에 감사드립니다 ... 내가 CSS의 위치에 대한 철저한 지식이없는 것 같아요! 감사합니다. . 당신이

난 당신이 해골 상용구를 사용하고 있는지 읽어 waypoints

Answer 1

를 사용해보십시오는 "끈끈한"사업부를 가질 필요가 들어

Answer 2

.

로고와 메뉴를 <nav> 요소에 넣는 것이 좋습니다. </nav>을 닫을 때 줄 바꿈하지 않는 공간 ( )을 삽입하십시오. 이 획기적인 공간으로 문제가 해결 될 것입니다!

<div class="container"> 
    <div class="four columns"> 
     <nav> 
     /* logo and menu */ 
     </nav> 
     &nbsp; 
    </div> 
    <div class="nine columns post"> 
    /* contents... */ 
    </div> 

할 다음 일은 당신의 CSS 파일로 이동 삽입하는 것입니다

nav{ position:fixed; width:220px; /*found the width-info on Skeleton website*/ } 

당신을 위해 밖으로 일을 알려줘!