Div垂直スクロールバーショー

通常のバーと同様に、divの垂直バー（スクロールがない場合はグレー表示）を永続的に表示することがどのように可能か疑問に思っています。基本的に私はウェブサイト全体をdiv（gmail / facebookなど）に配置しようとしているので、ページが十分に長くない場合、垂直スクロールバーがないためにページ全体がシフトします。

この問題の解決策が必要です。オーバーフロー-y：scrollを試しました。しかし、それはまったく機能していないようです。

どのブラウザでテストしていますか？

どのDOCTypeを設定しましたか？

CSSをどの程度正確に宣言していますか？

;前後を見逃していませんoverflow-y: scrollか？

IE7とFirefoxで以下をテストしたところ、正常に動作します

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

<!-- Scroll bar present and enabled when more contents -->        
<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>