全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  详情

清除浮动是怎么回事?

来源:千锋教育
发布人:qyf
2023-02-21

推荐

在线提问>>

  清除浮动实际上是为了解决高度塌陷的问题

清除浮动是怎么回事

  1. 给父元素设置高度

  2. 额外标签法

  <div id="parent"> <div id="child"></div> <!-- 方法一 额外标签法 -->

  <div id="clear"></div> </div> <!-- css样式 --> #clear{ clear: both; } 

  给父元素添加overflow:hidden(触发bfc)

  使用after伪元素清除浮动

  #parent:after{ content: ""; display: block; clear:both; }

  使用before和after双伪元素清除浮动

  #parent:after,#parent:before{ content: ""; display: table; } #parent:after{ clear: both; } #parent{ *zoom: 1; }

相关文章

如何为Apple iOS设计动态岛?

成为UI设计师需要具备哪些技能?

用户体验设计师做什么的?

设计的6大要素是什么?

Java项目中到底该怎么使用线程池?

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取