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

我設置了一個具有這些CSS屬性的容器,以獲得100%的高度,它的工作原理。
現在我有在#container的很多DIV的是這樣的:如何設置溢出-y到100%高度的容器

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

,所以我施加溢出-Y:汽車;#容器滾動它們時太多,但他們沒有顯示滾動條走出容器......我已閱讀其他職位關於「100%高度容器和溢出」,但不是我的情況...任何解決方案

感謝

回答

1

這是你想要的,我不知道有多少次,我有這個問題我自己的東西。請確保您在<html>上設置了100%的寬度,然後在body#container之間設置了min-height

html { 
     height:100%; 
    } 

    body { 
     min-height:100%; 
    } 

    #container { 
    min-height:100%; 
    }