요소 높이를 화면 높이와 같게하려면 어떻게해야합니까?

Question

시도했지만 height: auto; 그 작동하지 않습니다. 어떤 아이디어?

Answer 1

html, body { height: 100%; } 
#container { height: 100%; background: red; width: 200px; } 

이 작업을 수행하려고하십니까? 몇 가지 코드를 입력하십시오.

Answer 2

몇 가지 옵션이 있습니다. 다음과 같이 할 수 있습니다 :

.element{ 
    position:absolute; 
    top:0px; 
    right:0px; 
    left:0px; 
    bottom:0px; 
} 

그런 식으로 정적이 아닌 다른 위치의 첫 번째 부모 요소의 모든면에서 0 픽셀이됩니다. 페이지의 첫 번째 요소 인 경우 전체 문서 본문을 채 웁니다.

는 무슨 여기를 참조하십시오 http://jsfiddle.net/4QH8H/embedded/result/

http://jsfiddle.net/4QH8H/light/

또한 수행 할 수 있습니다

.element{ 

    height:100%; 
    width:100%; 

} 

는 있지만 이러한 속성은이 같은 크고 넓은 그것의로 부모 요소, 때로는 만들기 본문은 내용을 둘러 싸고 페이지를 채우지 않으므로 수행해야합니다.

html, body{ 

    height:100%; 
    width:100%; 

}