css清除浮动常用的几种方法

 时间:2026-02-11 23:47:42

1、第一种方式,在父元素中 最后的位置 添加 一个空的div,并定义 其属性 clear:both。此方法方便实用,但是每次清除浮动都要在最后添加一个空元素,从而增加代码数量

代码和效果图:

css清除浮动常用的几种方法

css清除浮动常用的几种方法

2、第二种方式:父元素增加 overflow:hidden 属性。

这种方法,简单不需添加新的html标签,但是不能和position配合使用,因为超出的尺寸的会被隐藏

代码 和效果图:

css清除浮动常用的几种方法

css清除浮动常用的几种方法

3、第三种方式:也是个人比较推荐的一种方式 给父元素定义 伪类after 和 zoom

此方法方便实用,经常用于开发中。

代码 和效果图:

css清除浮动常用的几种方法

css清除浮动常用的几种方法

4、第四种 给父元素定义高度,直接带过,优点不用说,就是简单,缺点是这种方式只适合固定样式布局,所以很局限。

  • 如何利用MySQL数据库校验日期数据合法性
  • java怎么以空格截取含有日期的字符串
  • 怎样用vba删除超级链接
  • 顺丰速运怎么批量寄件
  • 在js里面怎样获取一个值的前4位?
  • 热门搜索
    泡沫胶怎么去除 苹果vpn怎么设置 怎么使用避孕套 拳头账号怎么注册 阴囊瘙痒是怎么回事 u盘怎么杀毒 怎么删除qq好友 被蛇咬了怎么办 均衡器怎么调 脂溢性皮炎怎么治疗