Div垂直滚动条显示

我想知道如何可能永久显示一个div的垂直栏(如果没有滚动灰色)类似于我们的常规酒吧。 基本上我试图把整个网站放在一个div(如gmail / facebook),所以如果页面不够长,整个页面会移动,因为缺less垂直滚动条。

我需要解决这个问题。 我尝试了overflow-y:scroll。 但它似乎并没有工作。

你在testing什么浏览器?

你有什么DOCType?

你究竟如何声明你的CSS?

你确定你没有错过一个; overflow-y: scroll之前/之后overflow-y: scroll

我刚刚在IE7和Firefox中testing以下,它工作正常

 <!-- Scroll bar present but disabled --> <div style="width: 200px; height: 100px; overflow-y: scroll;"> test </div> <!-- Scroll bar present and enabled --> <div style="width: 200px; height: 100px; overflow-y: scroll;"> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> </div> 

你有没有尝试overflow-y:auto? 这不正是你想要的,因为滚动条只会在需要的时候出现。

始终:如果您始终需要垂直滚动条,请使用overflow-y: scroll;

的jsfiddle:

 <div style="overflow-y: scroll;"> ...... </div> 

需要时 :如果您只需要垂直滚动条,请使用overflow-y: auto; (在这种情况下,你需要指定一个高度)

的jsfiddle:

 <div style="overflow-y: auto; height:150px; "> .... </div>