对clear float 的理解
生活随笔
收集整理的這篇文章主要介紹了
对clear float 的理解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
之前自己對于清除浮動的用法比較模糊 ,如果用到的話,一般都是采用簡單粗暴的方式解決,就是直接用overflow:hidden,但是越用久就會發現其實有BUG,這個BUG正是overflow:hidden帶來的,因為細究overflow:hidden還有一個默認效果是溢出隱藏.,如果要在子元素里再添一個div,div往下移動的話,超過了子元素的高度就會做溢出隱藏處理,所以效果不佳,所以后來自學了另一種清除浮動的方法,就是偽類.clearFix:after{content:'.';height:0;clear:both;visibility:hidden;display:block;}。這種方法比較OK的,之前的BUG不會出現,只是在做網頁的時候,一定要記住一點,就是偽類的兼容性問題,ie6是不支持主要的寫法的,所以加.clearFix{*zoom:1;}.只是自己的一些理解!與君共勉!
轉載于:https://www.cnblogs.com/zhangyy520/p/6341289.html
總結
以上是生活随笔為你收集整理的对clear float 的理解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iOS中AutoLayer自动布局流程及
- 下一篇: Eclipse变量名自动补全问题 自定