全国旗舰校区

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

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

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

CSS清除浮动的多种方法

来源:千锋教育
发布人:qyf
2022-12-19

推荐

在线提问>>

  浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。

  下面总结几种清除浮动的方法

  1.父级div定义 height 

图片24

  2.结尾处加空div标签 clear:both;

图片25

  3.父级div定义 伪对象:after 和 zoom

图片28

  4.父级div定义 overflow:hidden

  图片26

  编辑

  添加图片注释,不超过 140 字(可选)

  5.父级div定义 overflow:auto

图片27

相关文章

java异常分类三大类是什么?

java面向对象的理解

线程安全与线程不安全?

springmvc框架有哪些优点

vue3.0和2.0的区别有哪些

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

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