老师，这个浮动我有点不理解。

为何第二个标签就在第一个ul下面了？我知道ul高度为0，但是，第一个列表中的li设置了照片之类的。li标签设置浮动了，按理说第二个标签应该是第一个li浮动的下面隐藏着呀？我没理解

星辰很精彩 2022-09-27

源自：CSS入门 11-8 清除浮动

12

收起

1回答

好帮手慕小尤 2022-09-27 15:51:19

同学你好，老师在课程中有说明原因，该问题是浮动产生的bug，因为ul的高度为0，从而导致h1标签与ul贴合。

关于解决办法同学可以参考下一章节清除浮动。

祝学习愉快！

提问者星辰很精彩 #1

老师，我知道ul的高度为0，然后h1标签贴在ul下面，但是标签的内容为什么跌在了右下，没有放在左下呢?

是因为li里面的内容浮动了，但是宽和高还在的原因吗？

2022-09-27 15:57:19
好帮手慕小尤回复提问者星辰很精彩 #2

同学你好，是的，是因li的宽度导致的。
祝学习愉快！

2022-09-27 16:09:33
提问者星辰很精彩回复好帮手慕小尤 #3

关键是li是块元素呀，为什么h1能跟它在一行呢。难道列表块元素是父标签对父标签，子标签对子标签吗？

2022-09-27 16:13:50

点开查看后面2条评论

相似问题

设置右浮动，又清除右浮动，不应该回到原位置吗？

关于清除浮动的理解

请教老师，2-10和2-11所讲的清除浮动的差别有疑问

清除浮动指清除哪里的浮动

3分42秒老师说clear相当于没有给元素加浮动，这个和助教你们说的有出入

登录后可查看更多问答，登录/注册

参与学习人
提交作业 8732 份
解答问题 9886 个

综合就业常年第一，编程排行常年霸榜，北上广深月薪过万！不需要基础，无需脱产即可学习，只要你有梦想，想高薪！全新升级：技术栈升级（包含VUE3.0，ES6，Git）+项目升级（前后端联调与功能升级）

本课精华内容

问答作业

eclipse打开弹出这样是怎么回事

79 1

找不到jdk版本号的文件夹，打开里面什么都没有

56 1

Cannot resolve symbol 'Valid'

9 1

spring boot 和swagger2版本冲突

14 1

Maven项目管理中，关于Maven和IDE有几点小疑问。

56 9

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载