css清除浮动的方法

简介: 今天写页面突然用到要清除浮动的样式,然后就想不去起来了(尴尬)

css清除浮动

  1. 父元素添加overflow: hidden;
  2. 使用父元素after伪类
&:after {
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }

3.使用属性clear:both;清除浮动,这种需要再父元素最后写一个冗余元素添加clear:both属性

个人感觉使用after伪类的方法最好使

相关文章
|
23天前
|
缓存 监控 前端开发
CSS 提高性能的方法
【10月更文挑战第24天】在实际应用中,还需要根据具体项目的特点和需求,灵活选择和组合这些方法,不断进行优化和改进。同时,随着技术的不断发展,也需要持续关注新的性能优化技巧和最佳实践,以保持在性能优化方面的领先地位。你对 CSS 性能优化还有哪些深入的思考和经验呢?欢迎进一步交流和分享。
|
27天前
|
前端开发
css页面顶部底部固定,中间自适应几种方法
【10月更文挑战第22天】css页面顶部底部固定,中间自适应几种方法
|
1月前
|
前端开发 容器
CSS 中几种常用的换行方法
CSS 中几种常用的换行方法
28 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
17 2
|
2月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
21 3
|
1月前
|
前端开发 UED
css性能优化的方法
css性能优化的方法
24 0
|
1月前
|
前端开发
CSS绘制三角形的方法
CSS绘制三角形的方法
|
2月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
14 1
|
3月前
|
前端开发 容器
css溢出隐藏的五种方法
css溢出隐藏的五种方法
39 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
30 0