最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
总结六种清除CSS浮动的方法
时间：2022-06-25 08:58:24 编辑：袖梨 来源：一聚教程网
1.父元素定义height
鬼眼邪神的博客
鬼眼邪神的博客
原理：手动定义父元素的高度，解决其不能自动获取高度的问题。
缺点：必须给出精确地高度，无法自适应。
2.利用空标签清浮动
鬼眼邪神的博客
鬼眼邪神的博客
原理：在父元素的关标签之前加入一空标签，用clear:both来清浮动。
缺点：如果需要清浮动的地方很多，则需要加入很多空标签，很麻烦。
3.父元素设置overflow:hidden
鬼眼邪神的博客
鬼眼邪神的博客
原理：必须定义width或zoom:1，同时不能定义height，使用overflow:hidden具有清除内部浮动的效果。
缺点：当与position配合使用时，有可能会造成内容被隐藏。
4.父元素定义伪类:after
鬼眼邪神的博客，地址
鬼眼邪神的博客，地址
原理：使用:after伪类在浮动块后面加上一个非display:none的不可见块状内容来，并给它设置clear:both来清理浮动。
5.父元素定义overflow:auto
鬼眼邪神的博客
鬼眼邪神的博客
原理：必须定义width或zoom:1，同时不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度
缺点：内容超出父元素宽高时会出现滚动条。
6.父元素设置float属性
鬼眼邪神的博客
鬼眼邪神的博客
相关文章
- Mail.ru官网登录入口-mailru邮箱登录入口链接地址 08-09
- 格斗三国志武将装备搭配攻略 格斗三国志最强武将装备选择与属性加成详解 08-09
- Zlibrary最新网址-z-library网址 08-09
- 奈斯漫画免费漫画入口页面 08-09
- 绝区零Wiki网站入口在哪里-绝区零Wiki官方攻略查询入口 08-09
- 畅课网页版登录入口地址-在线课程平台登录入口 08-09