DECT 뷰어에서 100 % DIV 높이가 아닌 경우

Question

div를 전체 높이뿐 아니라 시점 높이까지 채우려 고합니다. body, html 및 div에 100 % 높이를 설정하면 div가 시점의 100 %를 채 웁니다. 그러나 다른 div에서 뷰 높이가 뷰 포인트를 벗어나고 페이지가 스크롤되는 경우 100 % 높이가 원래 뷰 포인트 높이로 유지됩니다.

나는 문제 보여주기 위해 다음과의 jsfiddle을했습니다 :이 반복 질문의 경우

http://jsfiddle.net/728CA/1/

미안 해요, 난 많은 사람들이 질문을 통해 보았다 및 작동에 대한 답변을 찾을 수 없습니다 내 문제. 나는 반응 형 사이트를 개발하는 것에 익숙하지 않으며, 나는 정말로 도움이된다.

body, html { 
    height:100%; 
} 

#sidebar { 
    height:100%; 
    width:100px; 
    background:#FF00FF; 
    float:left; 
} 

#content { 
    width:200px; 
    float:left; 
} 
.clear { 
    clear:both; 

HTML : CSS

jsfiddle

나는 분홍색 배경과 내용으로 컨테이너를했습니다

<div id="sidebar"> 
    <nav> 
     Links 
    </nav> 
</div> 
<div id="content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id magna iaculis, tincidunt lacus et, gravida sapien. Sed velit metus, congue ac porttitor ut, ornare euismod tortor. Fusce ultricies pulvinar ante, eget facilisis leo rutrum eu. Donec turpis dui, elementum tristique lectus vel, semper posuere nisi. Curabitur at adipiscing lectus. Duis consectetur, urna sit amet feugiat vestibulum, sapien massa facilisis lectus, vitae sagittis augue tellus et augue. Quisque vitae nisi at metus interdum mollis. Vivamus in nisi placerat, rutrum sapien varius, dapibus est. Integer pharetra enim sem, nec porttitor velit suscipit vitae. Ut suscipit, sapien eget placerat congue, justo elit sagittis arcu, a elementum dolor leo a ante. Suspendisse auctor laoreet orci, ut varius est consequat vitae. In eu libero at libero faucibus eleifend et id magna. Vivamus molestie mi eu massa aliquam, sit amet ullamcorper ante semper. Mauris dictum orci id ante porta euismod. Quisque in ultrices sapien. Ut euismod dui ac justo egestas suscipit. 

    Integer vitae pretium eros. Suspendisse sapien ipsum, feugiat sed lorem sed, vestibulum lacinia sapien. Proin quis risus at massa lobortis porta. Vestibulum pretium rhoncus dui quis volutpat. Nullam nulla erat, bibendum at mauris et, imperdiet cursus turpis. Cras quis tellus sed urna sagittis rutrum lobortis eu elit. Fusce volutpat venenatis augue a fermentum. Praesent luctus tortor felis, eget varius lacus mattis eu. Aliquam tempor, mi at venenatis ultrices, erat metus mattis risus, id convallis ante mauris quis ipsum. Pellentesque vitae sodales purus. Sed eu faucibus tellus. Nam ultricies lorem enim, vitae vestibulum risus hendrerit ac. Integer condimentum orci in arcu vehicula porta. Ut euismod tincidunt justo, ac feugiat massa. Sed id sollicitudin purus. 
</div> 
<div class="clear"></div> 

Answer 1

봐 내 갱신에 흰색 배경을 가지고 .

<div id="container"> 
    <div id="sidebar"> 
     <nav> 
     Links 
     </nav> 
    </div> 
    <div id="content"> 

    </div> 
    <div class="clear"></div> 
</div> 

CSS

#container { 
    min-height:100%; 
    background:#FF00FF; 
    width: 300px; 
} 

#sidebar { 
    width:100px; 
    float:left; 
} 

#content { 
    width:200px; 
    float:left; 
    background:#FFFFFF; 
}