HTML中overflow-hidden的基礎用法
overflow:hidden的字面意思就是隱藏溢位，就是如果超出設定範圍的內容將被隱藏，這是其一種用法。
overflow:hidden的另一種是清除浮動。
方法1:隱藏溢位
（01）開啟DW軟體，新建html檔案，然後建立程式碼如下：<div><img src="img/picture_01.jpg" alt=""></div>即在div框中插入一張圖片
（02）對div進行修飾，對div設定的大小範圍遠遠小於圖片大小div{width:100px;height:100px;border:solid 1px red;margin:0 auto;}儲存檔案後，在瀏覽器預覽效果，如圖所示
（03）然後對div新增overflow:hidden;再預覽效果.可以看到只顯示限定的範圍。
方法2:清除浮動
（01）如圖在DW中建立屬性，ul裡面包含三張圖片，然後在ul下面再建立一張圖片，對li進行浮動後，就會對緊挨在後面的div圖片產生影響<style>ul{margin:0;padding:0;list-style:none;overflow:hidden;}li{float:left;margin:10px;}</style></head><body><ul><li><img src="img/picture_09.jpg" alt=""></li><li><img src="img/picture_10.jpg" alt=""></li><li><img src="img/picture_11.jpg" alt=""></li></ul><div><img src="img/picture_12.jpg" alt=""></div></body>
（02）然後在父集ul新增overflow:hidden;對其子集新增浮動清除效果後，就不會影響到後面的內容了。
