欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

几种常用的清除浮动影响的方法

程序员文章站 2022-07-09 18:04:12
这是css里面一个比较常见的操作,现在稍微小小地总结一下,虽然没什么技术含量,但也可以作为一种复习。 1,给父级元素添加overflow:hidden可以清除浮动; 2,给父级元素添加after伪类,并定义其样式如下: 这种写法比较高大上,推荐使用; 3,在父容器的末尾添加一个毫无意义的子标签,然后 ......

  这是css里面一个比较常见的操作,现在稍微小小地总结一下,虽然没什么技术含量,但也可以作为一种复习。

  1,给父级元素添加overflow:hidden可以清除浮动;

  2,给父级元素添加after伪类,并定义其样式如下:

  几种常用的清除浮动影响的方法

  这种写法比较高大上,推荐使用;

  3,在父容器的末尾添加一个毫无意义的子标签,然后给这个子标签添加css样式为:clear:both。这种做法会使得html代码冗余,虽然业内会默认给它一个class为clearfix来告诉大家:这个标签就是专门用来清除浮动的。但还是有点没必要,不太推荐使用。