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

1、overflow:hidden超出部分隱藏，一般情況下，在頁面中，一般溢出后會顯示省略號，比如，當一行文本超出固定寬度就隱藏超出的內容顯示省略號。

2、overflow:hidden 清除浮動：一般而言，父級元素不設置高度時，高度由隨內容增加自適應高度。當父級元素內部的子元素全部都設置浮動float之后，子元素會脫離標準流，不占位，父級元素檢測不到子元素的高度，父級元素高度為0。

3、overflow:hidden 解決外邊距塌陷：父級元素內部有子元素，如果給子元素添加margin-top樣式，那么父級元素也會跟著下來，造成外邊距塌陷。