使用overflow:hidden防止框架被撐破

　overflow 標籤

　　參考語法：

　　overflow : visible | auto | hidden | scroll

　　參數：

　　visible : 　不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將被剪切爲包含對象的window或frame的大小。而且clip屬性設置將失效
　　auto : 　此爲body對象和textarea的默認值。在須要時剪切內容並添加滾動條
　　hidden : 　不顯示超過對象尺寸的內容
　　scroll : 　老是顯示滾動條

    說明：

　　檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。
　　設置textarea對象爲hidden值將隱藏其滾動條。
　　對於table來講，假如table-layout屬性設置爲fixed，則td對象支持帶有默認值爲hidden的overflow屬性。若是設爲hidden，scroll或者auto，那麼超出td尺寸的內容將被剪切。若是設爲visible，將致使額外的文本溢出到右邊或左邊（視direction屬性設置而定）的單元格。
　　

OVERFLOW:hidden---這樣超出部分會自動隱藏,這樣作很差的地方是就是這部分的信息顯示不徹底,好比圖片只顯示了一部分. 可是頁面佈局不會亂.要注意的是,使用overflow的時候,必定要定義width,百分比或者具體值均可以。(在用ul和li作圖片列表排列的時候,也能夠用這個,這樣避免一些大尺寸圖搞亂佈局,也能夠解決瀏覽器窗口縮小時,li元素自動回行排列出錯的問題)

注:用overflow:auto,還能夠在頁面裏模仿出IFRAME的效果。

CSS中 display 與 visibility 的區別

相同點：兩者的對象均不可見。

不一樣點：

display:none

CSS1 隱藏對象。與 visibility 屬性的hidden值不一樣，不爲被隱藏的對象保留其物理尺寸空間。 該對象所佔的尺寸空間被刪除。

visibility:hidden

對象隱藏，與 display 屬性不一樣，此屬性爲隱藏的對象保留其佔據的物理尺寸空間。 該對象所佔的尺寸空間還存在。