CSS——清除浮动,不破坏文档结构,没有副作用

因为浮动的特殊性以及使用后往往需要考虑对后续代码效果的影响,我个人一直极少用浮动,用完之后清除浮动的方法也很单一,对父元素设置如下 clearfix 的 class 属性就行:

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

此处有一篇对浮动的精简的完整讲解(包括:什么是浮动、浮动的效果、清除浮动的各种方法及原理),特在此共享:FEWY

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