溢出屬性指定當(dāng)元素的內(nèi)容溢出（不適合）元素的框時(shí)發(fā)生的行為。
元素的內(nèi)容可能大于框本身的尺寸。例如，給定的width和height屬性不允許足夠的空間容納元素的內(nèi)容。
CSS溢出屬性，使您可以指定是剪切內(nèi)容，渲染滾動(dòng)條還是顯示塊級(jí)元素的溢出內(nèi)容。
該屬性可以是下列值之一：visible (默認(rèn)), hidden, scroll, and auto。CSS3還定義了overflow-x和overflow-y屬性，以允許獨(dú)立控制垂直和水平裁剪。
div {
width: 250px;
height: 150px;
overflow: scroll;
}測(cè)試看看?/?| 值 | 描述 |
|---|---|
| visible | 默認(rèn)值。內(nèi)容沒(méi)有被裁剪；它會(huì)在元素框的外部渲染，因此可能與其他內(nèi)容重疊。 |
| hidden | 溢出元素框的內(nèi)容將被剪切，其余內(nèi)容將不可見(jiàn)。 |
| scroll | 溢出的內(nèi)容像被隱藏一樣被裁剪，但是提供了滾動(dòng)機(jī)制來(lái)訪問(wèn)溢出的內(nèi)容。 |
| auto | 如果內(nèi)容溢出元素的框，它將自動(dòng)提供滾動(dòng)條以查看其余內(nèi)容，否則滾動(dòng)條將不會(huì)出現(xiàn)。 |