overflow:hidden 的妙用

1. 取消的滾動條

   在自己寫一寫網頁的時候，有一個要求就是寫的網頁不能出現水準的滾動條，以免影響網頁的觀看的效果。這時就可以對body設定overflow-x:hidden 用來取消水準的滾動條。

   除此

2. 控制顯示區域

   在寫類似于輪播圖的時候，我們隻讓一個固定的div中顯示圖檔，而其子圖檔标簽則通過animation之類的動畫控制移動。

   結構如:

<div>
	<img></img>
	<img></img>
	<img></img>
</div>
           

但是如果我們對父級元素隻做寬高設定不做overflow處理，圖檔會溢出div。但是如果給div加上overflow:hidden，就可以使超過div寬高的地方不顯示。

3. 清除浮動

還是上面的那個結構如果裡面的子元素都是float，我們為了某些原因，需要清除浮動，其中的一種方式就是給浮動元素的父元素設定overflow:hidden。