overflow:hidden意為清除浮動

主要有三個作用
第一隱藏溢出
當div中的文字超出了div的容量，加上overflow:hidden;超出容量的文字，便不再顯示

第二清除浮動
父div中有兩個子div需要用到浮動使其并排,且父div未規(guī)定高度，父的樣式并不會顯示出來，因為父div（不浮動的元素）不會理會浮動的元素，則父div沒有高度，若加上overflow:hidden,則父div去理會浮動的元素

第三解除坍塌
子元素中margin-top:20px;若父元素沒有overflow:hidden，此時會將父元素和子元素在一起margin-top:20px;若父元素加上overflow:hidden;則子元素會和距離父元素邊界20px

總結(jié)

以上是生活随笔為你收集整理的理解overflow:hidden的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。