清除浮动的方法

原创 龙城殿下 随笔 css基础知识 120阅读 2018-05-07 11:30:20 举报

1.添加空的div,用来清除浮动。(方法比较常用,在此不过多的解释)。
2.在父元素上也添加浮动,也可以实现让父元素的框包裹子元素浮动的效果。(缺点是:浮动会变得复杂,而且老式浏览器在处理浮动时比较困难。)
3.利用:after伪类元素进行浮动清除。具体看如下代码

在要清除浮动的元素上添加伪类元素:after,content是一个“.”,因为不需要占据空间或者在页面中显示所以设置高度为0,将visibility设置为hidden,因为被清理元素在他们的顶外边距上添加了空间,所以生成的内容要转化为块元素,所以 display:block;这样设置之后就可以对元素进行清理。
这个方法对现代大多浏览器是有效的,但在IE6中不起作用。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复