基本語法

overflow-x overflow-y

overflow : visible | auto | hidden | scroll

語法取值

visible：默認值。不剪切內(nèi)容也不添加滾動條。假如顯式聲明此默認值， 對象將以包含對象的 window 或 frame 的尺寸裁切。并且 clip 屬性設(shè)置將失效；

auto：在必需時對象內(nèi)容才會被裁切或顯示滾動條；

hidden：不顯示超過對象尺寸的內(nèi)容；

scroll：總是顯示滾動條。

清除浮動

設(shè)置overflow的一個更流行的用處是，清除浮動。設(shè)置overflow并不會在該元素上清除浮動，它將清除自己(self-clear)。意思就是，應(yīng)用了overflow(auto或hidden)的元素，將會擴展到它需要的大小以包圍它里面的浮動的子元素(而不是疊了起來(collapsing))，假設(shè)未定義高度。

可能的值

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 屬性的值。?

實例

設(shè)置 overflow 屬性：

div { width:150px; height:150px; overflow:scroll;}

那個是超出 隱藏 或者超出滾輪的時候設(shè)置的