CSS Overflow

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

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

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

overflow屬性有以下值：

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

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

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

overflow: visible

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

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

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

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