对clear float 的理解
生活随笔
收集整理的這篇文章主要介紹了
对clear float 的理解
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
之前自己對(duì)于清除浮動(dòng)的用法比較模糊 ,如果用到的話,一般都是采用簡單粗暴的方式解決,就是直接用overflow:hidden,但是越用久就會(huì)發(fā)現(xiàn)其實(shí)有BUG,這個(gè)BUG正是overflow:hidden帶來的,因?yàn)榧?xì)究overflow:hidden還有一個(gè)默認(rèn)效果是溢出隱藏.,如果要在子元素里再添一個(gè)div,div往下移動(dòng)的話,超過了子元素的高度就會(huì)做溢出隱藏處理,所以效果不佳,所以后來自學(xué)了另一種清除浮動(dòng)的方法,就是偽類.clearFix:after{content:'.';height:0;clear:both;visibility:hidden;display:block;}。這種方法比較OK的,之前的BUG不會(huì)出現(xiàn),只是在做網(wǎng)頁的時(shí)候,一定要記住一點(diǎn),就是偽類的兼容性問題,ie6是不支持主要的寫法的,所以加.clearFix{*zoom:1;}.只是自己的一些理解!與君共勉!
轉(zhuǎn)載于:https://www.cnblogs.com/zhangyy520/p/6341289.html
總結(jié)
以上是生活随笔為你收集整理的对clear float 的理解的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iOS中AutoLayer自动布局流程及
- 下一篇: 工行狗年生肖卡好吗?积分权益盘点