CSS——清除浮動,不破壞文檔結構,沒有副作用

因爲浮動的特殊性以及使用後往往需要考慮對後續代碼效果的影響,我個人一直極少用浮動,用完之後清除浮動的方法也很單一,對父元素設置如下 clearfix 的 class 屬性就行:

.clearfix:after,.clearfix:before {content: '';display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom:1;}

此處有一篇對浮動的精簡的完整講解(包括:什麼是浮動、浮動的效果、清除浮動的各種方法及原理),特在此共享:FEWY

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章