2014-01-17 3 views
3
html,body{ 
    height:100%; 
    margin:0; 
} 
#container{ 
    height:100%; 
    background:red; 
} 
body>#container{ 
    height: auto; 
    min-height: 100%; 
} 

100 % 높이를 얻으려면이 CSS 속성을 가진 컨테이너를 설정하면됩니다.
지금 나는이 같은 #container에서 DIV을 많이 가지고 :오버 플로우 -y를 100 % 높이 컨테이너로 설정하는 방법

<div id="container"> 
    <div class="myClass"></div> 
    <div class="myClass"></div> 
    <div class="myClass"></div> 
    etc..... 
</div> 

그래서 내가 오버 플로우 - y를 적용 : 자동; ~ # container 스크롤 할 때 스크롤 할 때 스크롤바가 보이지 않고 컨테이너 밖으로 나옵니다. 이미 "100 % 높이 컨테이너 및 오버플로"에 대한 다른 게시물을 읽었지만 제 경우는 아닙니다 ... 어떤 해결책?

감사

답변

1

이것은 당신이, 내가이 문제를 자신을 했어 몇 번이나 모르는 원하는 것입니다. <html>에서 min-height의 너비를 100 %로 설정하고 body#container에서 너비를 설정해야합니다.

html { 
     height:100%; 
    } 

    body { 
     min-height:100%; 
    } 

    #container { 
    min-height:100%; 
    } 
관련 문제