清除浮动,新手朋友往往不是很明白。如果不清除浮动对float进行闭合,在FF中往往会出错,在 有大量的文章进行过介绍。今天向大家推荐一个实例,非常简洁易用。
给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可:
.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}*html .clearfix{height:1%;}* html .clearfix{height:1%;}.clearfix{display:inline-block;}.clearfix {display:block;}
不过貌似这样有点麻烦,呵呵,大前端常用的是下面的:
.clear{clear:both;height:0px;overflow:hidden;}>
本文介绍了一种简洁的CSS技巧来解决浮动元素引起的布局问题,通过添加clearfix类并使用伪元素清除浮动,确保了跨浏览器的兼容性。
5279

被折叠的 条评论
为什么被折叠?



