overflow:hidden是當元素內的內容溢位的時候使它隱藏溢位的部分，即超出部分隱藏。

1.我們給一個父元素，裡面有兩個子元素

2.樣式如下：給父元素設定背景顏色，子元素設定邊框，兩個字元素向左浮動。

.

3.執行結果如下：我們發現父元素的背景色並沒有顯示出來

4.給父元素加上overflow：hidden

5.執行結果：父元素的背景色被顯示出來

6.分析原因：父元素未被撐開

當子元素浮動時，它的父元素不是不在了，因為父元素的高height：auto為自動值，就是根據裡面的內容自動設定高度，由於子元素設定了左浮動，已經浮動起來了屬於浮動流，不在普通流中，因此父元素普通流中的內容為空，所以沒有高度。解決方法就為給浮動塊的父元素設定overflow：hidden；當然還有其他方法，這個最為簡便。

7.w3school中解釋如下，簡單的說overflow：hidden的意思就是超出部分隱藏