首先看看w3c的解釋：
它的值可能為值描述
visible
預設值。內容不會被修剪，會呈現在元素框之外。
hidden
內容會被修剪，並且其餘內容是不可見的。
scroll
內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容。
auto
如果內容被修剪，則瀏覽器會顯示滾動條以便檢視其餘的內容。
inherit
規定應該從父元素繼承 overflow 屬性的值。
1）ie6對overflow的支援情況，ie6對這個屬性有誤解。不支援 overflow=「auto」，要使它有滾動條，必須設定width或者height。下面的例子說明
**如下：
overflow的研究
h4>
<
div
id="parent"
>
<
div
id="child"
>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
<
a href
="">
a>
div>
div>
div>
body
>
html
>
#parent
#child
#child a
子元素都超過了父元素框。解決辦法是在其中新增position：relative。
ie7，ie8，ie9，chrome，firefox均顯示正常。
在上文中我提到了overflow的包含的特性，其實在css中還有很多其他的元素有這個特性。這裡我發散下，也是對這個特性來總結下，做乙個概述。
有這個特性的還有，浮動，絕對定位，inline-block。下面我結合例子逐一的來分析下為什麼。
關於浮動
看乙個例子：先看**：
理解包含
title
>
12head
>
13<
body
>
14<
div
id="doc"
>
15<
h4>
理解包含
div預設的寬度是100%，在沒有浮動的時候，結果如左邊的圖形所示，在.test裡面新增了浮動float：left特性後，結果如右圖所示。這說明的確有包含的特性。
2）絕對定位
將float：left換成position：absolute 可以看到的結果如上圖右所示
3）display：inline-block 這個其實很好理解。從定義中就可以看出，元素定義成內聯元素，但是內容卻為塊狀元素呈遞，允許有空格，這說明它是有寬度的。可以理解為行內塊元素。
闡述overflow hidden屬性
overflow hidden這個css樣式是大家常用到的css樣式，但是大多數人對這個樣式的理解僅僅侷限於隱藏溢位，其實他還有清除浮動這個含義。這是乙個常用的div寫法，下面我們來書寫樣式。大家可以在dmx中自己做試驗 wai nei 可以看到，我給nei這個id加了乙個浮動，我們常規的理解是，我...
全面闡述overflow hidden屬性
之前說過這個overflow的各種屬性，其中也包括可這個overflow hidden屬性。之前我也不知道overflow hidden還可以清楚浮動。現在我就把這一部分呢也貼出來大家一起學習下吧。overflow hidden這個css樣式是大家常用到的css樣式，但是大多數人對這個樣式的理解僅僅...
關於overflow hidden的研究
示例頁面原始碼 當外層div設定overflow hidden屬性,內層div設定了float left,如果同時寬度超過外層div,會自動擷取內層div width,以適合外層width.nei wai 另外，我們再做乙個試驗，將wai這個div的高度值刪除後，我們發現，wai的高度自動的被nei...