[解決済み】CSS div 要素 - 水平スクロールバーだけを表示する方法は？

質問

div コンテナを持っていて、そのスタイルを以下のように定義しています。

div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}

この div に含まれるテーブルに入力すると、水平と垂直の両方のスクロールバーが自動的に表示されます。 私はただ、水平方向のスクロールバーだけを自動的に表示させたいだけなのです。テーブルの高さはプログラムで変更する予定です。

どうすればいいのでしょうか？

どのように解決するのですか？

水平・垂直スクロールバーが必要なほど大きなコンテンツにしない限り、水平・垂直スクロールバーの両方が表示されることはないはずです。

しかし、あなたは通常、バグのためにIEで行う。他のブラウザ(Firefoxなど)で確認し、実際にIEだけがそうなっているかどうかを調べてください。

IE6-7 (他のブラウザの中で) は、スクロールバーを独立して設定するために提案された CSS3 拡張をサポートしており、これを使用すると垂直スクロールバーを抑制することができるかもしれません。

overflow: auto;
overflow-y: hidden;

また、IE8用に追加する必要があるかもしれません。

-ms-overflow-y: hidden;

マイクロソフトは、IE8標準モードにおいて、CR標準以前のすべてのプロパティを独自の「-ms」ボックスに移動させると脅しているからです。(これは、彼らが常にそのように行っていたのであれば意味があったのでしょうが、現在ではむしろ誰にとっても不便なことなのです)。

一方、IE8でバグが修正されている可能性も十分にあります。