CSS 溢位

overflow 屬性指定元素的內容溢位元素框(不匹配)時發生的行為。

處理溢位的內容

可能存在元素的內容可能大於框本身的尺寸的情況。例如,給定的寬度和高度屬性不允許有足夠的空間容納元素的內容。

CSS overflow 屬性允許你指定是否裁剪內容,顯示滾動條或顯示塊級元素的溢位內容。

該屬性可以是下列值之一: visible (預設), hiddenscrollauto。CSS3 還定義了允許獨立控制垂直和水平裁剪的和屬性 - overflow-xoverflow-y

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
描述
visible 預設值。內容未被剪裁; 它將在元素框外部呈現,因此可能與其他內容重疊。
hidden 溢位元素框的內容將被剪下,其餘內容將不可見。
scroll 溢位的內容被剪下,就像隱藏一樣,但提供了一種滾動機制來訪問溢位的內容。
auto 如果內容溢位元素的框,它將自動提供滾動條以檢視其餘內容,否則不會顯示滾動條。