CSS 溢位
overflow
屬性指定元素的內容溢位元素框(不匹配)時發生的行為。
處理溢位的內容
可能存在元素的內容可能大於框本身的尺寸的情況。例如,給定的寬度和高度屬性不允許有足夠的空間容納元素的內容。
CSS overflow
屬性允許你指定是否裁剪內容,顯示滾動條或顯示塊級元素的溢位內容。
該屬性可以是下列值之一: visible
(預設), hidden
, scroll
和 auto
。CSS3 還定義了允許獨立控制垂直和水平裁剪的和屬性 - overflow-x
和 overflow-y
。
div {
width: 250px;
height: 150px;
overflow: scroll;
}
值 | 描述 |
---|---|
visible |
預設值。內容未被剪裁; 它將在元素框外部呈現,因此可能與其他內容重疊。 |
hidden |
溢位元素框的內容將被剪下,其餘內容將不可見。 |
scroll |
溢位的內容被剪下,就像隱藏一樣,但提供了一種滾動機制來訪問溢位的內容。 |
auto |
如果內容溢位元素的框,它將自動提供滾動條以檢視其餘內容,否則不會顯示滾動條。 |