CSS Div要素に水平スクロールバーのみを表示するにはどうすればよいですか?

CSS Div 要素にのみ水平スクロール バーを表示する方法

次の CSS スタイルの div コンテナーがあります。

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

このスタイルは、部ただし、水平スクロール バーは自動的に表示されるだけで、表の高さはプログラムで変更する必要があります。

期待される動作は、コンテンツが水平スクロール バーを必要とするほど大きい場合にのみ水平スクロール バーを表示することです。ただし、バグにより、この問題は主に Internet Explorer (IE) で発生します。 Firefox などの他のブラウザで確認すると、問題を切り分けるのに役立ちます。

IE6 ～ 7 以降では、提案された CSS3 拡張機能を使用してスクロールバーを個別に設定できます。

overflow: auto;
overflow-y: hidden;

IE8 との互換性について

-ms-overflow-y: hidden;

Microsoft は、CR 標準以前のプロパティを独自のプロパティに分離しています。 IE8 標準モードの「-ms」ボックス。

最終的には、IE8 でこのバグは解決された可能性がありますが、これらのプロパティを使用すると、IE6-7 以前の回避策が提供されます。

以上がCSS Div要素に水平スクロールバーのみを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。