一聚教程网:一个值得你收藏的教程网站

热门教程

css清除浮动几种做法

时间:2022-06-25 09:04:09 编辑:袖梨 来源:一聚教程网

最常用的一种

 代码如下 复制代码


Left

Right

使用div来操作


使用空标签清除浮动。我用了很久的一种方法,空标签可以是div标签,也可以是P标签。我习惯用

,够简短,也有很多人用


,只是需要另外为其清除边框,但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动,并为其定义CSS代码:clear:both。此方法的弊端在于增加了无意义的结构元素。
ps:
也可以实现效果,但不清楚使用哪个比较好。呵呵

 代码如下 复制代码


Left

Right



清除浮动常见的做法是加一个额外的标签,然后给这个标签加上 clear:both 的设置,追求完美的人当然不乐意这种方式,于是,便有了本文将要介绍的:不增加额外元素实现清除浮动的方法,给需要清除浮动的元素增加一个 clearfix 的 class 即可

 代码如下 复制代码

热门栏目