源码中，为什么dl标签不用设置浮动？

源码中，为什么dl标签不用设置浮动？是因为 .number设置了浮动高度为0，后面的标签自己顶上来？

weixin_慕尼黑0465866 2022-12-27

源自：浮动与定位 4-9 小慕医生项目开发（6）

9

收起

1回答

好帮手慕小李 2022-12-27 13:42:23

同学你好，同学理解的是对的。

dl不设置浮动源码中老师用的是取巧的方式，因为li本身没有高度，所以用.number将自身li的高度撑起来（父级li清浮动）那么.number已经浮动了，dl不浮动也就是说.number脱离了文档流dl在正常文档流中占据了.number的位置这种借助浮动与不浮动元素的特性来写的。

如同学不理解dl也可以加入浮动，这样确实更能被理解。

祝学习愉快！

提问者 weixin_慕尼黑0465866 #1

应该是因为overflow去除浮动 number才能撑起li高度吧

2022-12-27 13:50:39
好帮手慕小李回复提问者 weixin_慕尼黑0465866 #2

对，没错。

2022-12-27 13:51:09
提问者 weixin_慕尼黑0465866 #3

dl仍然在正常文档流可以理解成在剩余空间中从上到下从左到右这样布局？

2022-12-27 13:51:55

点开查看后面1条评论

相似问题

li里面div .number设置浮动，为什么dl不设置float（要浮动一起浮动）

请问，处理设置图片向左浮动，为什么不能设置文字向右浮动？

视频中的疑问

为什么这个地方要用dl、dt、dd?

给img设置浮动怎么没出现父元素的高度塌陷情况呢？

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

前端工程师

参与学习人
提交作业 15691 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

201 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载