div 확장 전체 높이

Question

스크롤 막대가없는 전체 높이까지 블랙 박스 (id : column-content)를 확장하고 싶습니다.

나는 많은 것을 시도하지만 아무 것도 작동하지 않습니다. http://goo.gl/I5f0u59

어떤 생각 : 여기

는 URL입니다? 감사.

Answer 1

당신은 당신의 경우에 viewport units vh 및 vw (뷰포트의 높이 및 뷰포트 폭)

을 사용할 수 있습니다

: 보시다시피

#column-content 
{ 
    height: 100vh; 
    box-sizing: border-box; 
    /* 
    change width, since we use border-box 
    old width + padding 
    */ 
    width: 480px; 
} 

이 만들 것이다 열 내용 box-sizing:border-box 패딩 상단과 하단 때문에 컨테이너가 100vh보다 커지지 않도록합니다. 콘텐츠로 인해 여전히 오버플로가 발생할 수 있습니다. 위와 같이 새 너비를 설정해야합니다.

이 유스 케이스의 지원은 정상입니다. See here

Answer 2

#column-content { 
    bottom:0; 
    position:fixed; 
    top:0; 
}