overflow:hidden作用是當(dāng)元素內(nèi)的內(nèi)容溢出的時候使它隱藏溢出的部分，即超出部分隱藏。

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

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

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