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

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

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

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