2012-01-18 132 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