2012-01-18 97 views
0

我不高興問這個問題,因爲這會被打敗了已經死亡。但是,我希望與其他地方回答這個問題的人不一樣。滾動與全角大小,在溢出隱藏內容

<html> 
<head> 
<style> 
* { 
    margin: 0; 
} 

html, body { 
    height: 100%; 
} 

#bo{ 
    height:100%; 
    width:100%; 
    background:#eee; 
    overflow:hidden; 
} 
#c1{ 
    float:top; 
    height:40px; 
    background:#ddd; 
} 

#c2{ 
    background:#ccc; 
    height:100%; 
} 

#c3{ 
    float:left; 
    background:#bbb; 
    width:200px; 
    height:100%; 
} 

#c5{ 
    overflow:auto; 
    height:400px; /* this should be page size.*/ 
} 

#c6 
{ 
    height:1000px; 
    background:white; 
} 

</style> 
</head> 
<body> 
<div id="bo"> 
    <div id="c1"></div> 
    <div id="c2"> 
     <div id="c3"> 
       <div id="c5"> 
        <div id="c6">I want this to be page size. 
        </div> 
       </div> 
     </div> 
     <div id="c4"></div> 
    </div> 
</div> 
</body> 
</html> 

我希望c5 div有一個適合頁面大小的滾動條。如果我給一個固定的高度,我會得到滾動條。

我有什麼選擇?

回答

0

爲了讓一個特定的塊滾動,在css中定義的溢出總是會有一個特定的/固定的高度:auto屬性,這樣如果文本超出定義的高度,滾動就會到來。你試圖擁有哪個選項?

+0

好的,也許我不是問得好;你可以在瀏覽器中嘗試以上,我已經添加了一些更多的細節。 – foobarometer

+0

好..它在我的結尾顯示滾動。 –

+0

現在,您可以製作與頁面大小一樣大的白色部分。我的意思是它的高度必須是1000px,但應該有一個滾動條。 – foobarometer