CSS overflow-x 屬性

定義和用法

overflow-x 屬性規定是否對內容的左/右邊緣進行裁剪 - 如果溢出元素內容區域的話。

提示：使用 overflow-y 屬性來確定對上/下邊緣的裁剪。

CSS 教程：CSS 溢出

HTML DOM 參考手冊：overflowX 屬性

實例

裁剪 div 元素中內容的左/右邊緣 - 如果溢出元素的內容區域的話：

div
{
overflow-x:hidden;
}

親自試一試

CSS 語法

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

屬性值

值 描述 測試
visible 不裁剪內容，可能會顯示在內容框之外。 測試
hidden 裁剪內容 - 不提供滾動機制。 測試
scroll 裁剪內容 - 提供滾動機制。 測試
auto 如果溢出框，則應該提供滾動機制。 測試
no-display 如果內容不適合內容框，則刪除整個框。 測試
no-content 如果內容不適合內容框，則隱藏整個內容。 測試

技術細節

默認值： visible
繼承性： no
版本： CSS3
JavaScript 語法： object.style.overflowX="scroll"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -ms- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5