源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  CSS:清除浮动float(的影响)的方法

CSS:清除浮动float(的影响)的方法

分类: 文章 • 2024-01-27 14:29:58

1.额外标签法

        在浮动盒子的后面添加一个空盒子,<div style="clear:both;"> </div>

2.给浮动元素的父级元素添加 overflow:hidden;   (触发BFC,BFC可以清除浮动,这是解决方案) ( overflow:hidden|auto|scroll;都            可以实现)

3.after伪元素清除浮动

           CSS:清除浮动float(的影响)的方法 

(图片来源于:https://www.bilibili.com/video/av15269197/?p=120)

4.双伪元素清除浮动

相关推荐

  • css清除浮动的四种办法
  • 什么是浮动(float)以及对清除浮动的理解
  • 在浏览器加载CSS时防止影响页面渲染的方法
  • css清除浮动的最好的方式和原因
  • 【CSS】464- 5种 CSS 浮动和清除浮动的方法
  • css-清除浮动的原理与方法
  • 前端面试题常考&必考之--清除浮动的方法
  • 如何不使用float浮动(避免浮动对其他元素造成影响)确定表单与before伪类的相对位置
  • CSS 浮动 float 公司就餐统计小软件,如何统计食堂就餐人数,统计工厂就餐人数的方法
  • CSS 清除浮动常用的多种方法
  • 关于HTML动画效果
  • CSS叠层样式列表、浮动与float的包裹与清除
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号