overflow:hidden作用
來源:作者: 時(shí)間:2020-10-26
摘要:verflow:hidden 解決外邊距塌陷:父級(jí)元素內(nèi)部有子元素,如果給子元素添加margin-top樣式,那么父級(jí)元素也會(huì)跟著下來,造成外邊距塌陷。
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ì)跟著下來,造成外邊距塌陷。