如何在 CSS Div 元素中僅顯示水平捲軸？

如何僅在CSS Div 元素中顯示水平滾動條

您有一個具有以下CSS 樣式的div 容器：

div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff }您有一個具有以下CSS 樣式的div 容器：

當您填入div 中包含的表格時，此樣式會自動顯示水平和垂直捲軸。但是，您只希望自動顯示水平捲軸，從而讓您以程式設計方式修改表格的高度。

預期的行為是僅當內容足夠大而需要水平滾動條時才具有水平滾動條。但是，您主要在 Internet Explorer (IE) 中遇到此問題，原因是存在錯誤。在 Firefox 等其他瀏覽器中進行驗證將有助於隔離問題。

overflow: auto;
overflow-y: hidden;

從IE6-7 開始，您可以使用建議的CSS3 擴充功能獨立設定捲軸：

-ms-overflow-y: hidden;

為了相容於IE8 ，您可能還需要新增：

微軟在IE8 標準模式下將CR 標準之前的屬性分離到自己的「-ms」方塊中。

最終，IE8 可能已經解決這個錯誤，但使用這些屬性為 IE6-7 或更早版本提供了解決方法。

以上是如何在 CSS Div 元素中僅顯示水平捲軸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！