DIV CSS 佈局教程網

　　用TABLE和DIV做頁面布局設計的時候,遇到大尺寸的圖片和長英文字符串,布局中定義的尺寸都會被破壞,導致頁面布局變形.

　　有沒有辦法可以解決呢?

　　用CSS的屬性OVERFLOW:hidden可以來控制,這樣超出部分會自動隱藏,這樣做不好的地方是就是這部分的信息顯示不完全,比如圖片只顯示了一部分. 但是頁面布局不會亂.

　　要注意的是,使用overflow的時候,一定要定義width,百分比或者具體值都可以.

　　在使用DIV做頁面布局的時候,可以在大布局上定義,比如在左欄,右欄,中欄裡面,也可以針對頁面中具體的某個布局元素.

　　在用ul和li做圖片列表排列的時候,也可以用這個,這樣避免一些大尺寸圖搞亂布局,也可以解決浏覽器窗口縮小時,li元素自動回行排列出錯的問題.

　　BTW:用overflow:auto,還可以在頁面裡模仿出IFRAME的效果,回頭寫出來

沒有使用overflow:hidden<br /><div style="width:200px;background:green;color:#fff;padding:8px">265.com265.com265.com265.com265.com265.com265.com265.com265.com265.com<br /><img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122713103894.gif" /></div><br />使用了overflow:hidden<br /><div style="overflow:hidden;width:200px;background:green;color:#fff;padding:8px">http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/<br /><img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122713103894.gif" /></div>
運行代碼復制代碼另存代碼 ——您可以運行代碼察看特效，您也可以復制或者另存源代碼。本代碼由天極網頁陶吧提供。