overflow:hidden 你所不知道的事
overflow:hidden這個css樣式是大家常用到的css樣式，但是大多數人對這個樣式的理解僅僅侷限於隱藏溢位，而對於清除浮動這個含義不是很了解。
這是乙個常用的div寫法，下面我們來書寫樣式。大家可以在dmx中自己做試驗
#wai
#nei
可以看到，我給nei這個id加了乙個浮動，我們常規的理解是，我們允許nei這個id的div的右邊出現其他的內容，只要它的寬度不超過wai這個div和nei這個div的剩餘值。
如果div wai中還包含其他的div，我不允許它出現在nei的右側，我們則用樣式clear:both指定這個div，不允許它浮動在nei右側。
這些在ie6裡面是正確的。但是在火狐或者其他瀏覽器裡面，我們發現問題並非如此簡單。我們發現，當nei這個div的寬度和高度都大於wai這個div的時候，wai並沒有被內撐開而是依舊顯示為我們指定的寬高。在我的例子中，都是500。
這個時候我不理解了，我搜尋了很多的資料，但是都沒能理解這是為什麼，直到看到別人在類似的情況下給wai這個div加了乙個overflow:hidden這個屬性解決了這個問題。
我們知道overflow:hidden這個屬性的作用是隱藏溢位，給wai加上這個屬性後，我們的nei的寬高自動的被隱藏掉了。另外，我們再做乙個試驗，將wai這個div的高度值刪除後，我們發現，wai的高度自動的被nei這個div的高度值給撐開了。
說到這裡，我們再來理解一下「浮動」這個詞的含義。我們原先的理解是，在乙個平面上的浮動，但是通過這個試驗，我們發現，這不僅僅是乙個平面上的浮動，而是乙個立體的浮動！
也就是說，當nei這個div加上浮動這個屬性的時候，在顯示器的側面，它已經脫離了wai這個div，也就是說，此時的nei的寬高是多少，對於已經脫離了的wai來說，都是不起作用的。
ok，當我們全面的理解了浮動這個詞的含義的時候，我們就理解overflow:hidden這個屬性中的解釋，清除浮動是什麼意思了。也就是說，當我們給wai這個div加上overflow:hidden這個屬性的時候，其中的nei等等帶浮動屬性的div的在這個立體的浮動已經被清除了，這時候wai被nei撐開了。
這就是overflow:hidden這個屬性清除浮動的準確含義。
當我們沒有給wai這個div設定高度的時候，nei這個div的高度，就會撐開wai這個div，而在另乙個方面，我們要注意到的是，當我們給wai這個div加上乙個高度值，那麼無論nei這個div的高度是多少，wai這個高度都是我們設定的值。而當nei的高度超過wai的高度的時候，超出的部分就會被隱藏。這就是隱藏溢位的含義！
我相信，通過我的這些文字，大家對overflow:hidden這個屬性有了全新的認識。希望大家和我一樣，在div+css學習中能夠不斷的進步！
闡述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...