基本語法

overflow-x overflow-y

overflow : visible | auto | hidden | scroll

語法取值

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

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

hidden：不顯示超過對象尺寸的內容；

scroll：總是顯示滾動條。

清除浮動

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

可能的值

visible? ?

默認值。內容不會被修剪，會呈現在元素框之外。? ?

hidden? ?

內容會被修剪，并且其余內容是不可見的。? ?

scroll

內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。? ?

auto? ?

如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。??

inherit? ?

規定應該從父元素繼承 overflow 屬性的值。?

實例

設置 overflow 屬性：

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

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