CSS Overflow

CSS overflow 屬性用于控制內(nèi)容溢出元素框時顯示的方式。

這里的文本內(nèi)容是可以滾動的，滾動條方向是垂直方向。

CSS overflow 屬性可以控制內(nèi)容溢出元素框時在對應(yīng)的元素區(qū)間內(nèi)添加滾動條。

overflow屬性有以下值：

值	描述
visible	默認值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。
hidden	內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。
scroll	內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
auto	如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
inherit	規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。

注意:overflow 屬性只工作于指定高度的塊元素上。

注意: 在 OS X Lion ( Mac 系統(tǒng)) 系統(tǒng)上，滾動條默認是隱藏的，使用的時候才會顯示 (設(shè)置 "overflow:scroll" 也是一樣的)。

overflow: visible

默認情況下，overflow 的值為 visible，意思是內(nèi)容溢出元素框：

這里的文本內(nèi)容會溢出元素框。

div { width: 200px; height: 50px; background-color: #eee; overflow: visible; }

上一篇：CSS Position(定位) 下一篇：CSS Float（浮動）