视频中的疑问

视频中的疑问

问题描述:

视频中老师说number和右边文字是浮动的,但是演示过程中只看到设置了number的左浮动,是不是漏了设置右边dl的浮动?还是我理解错了

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,视频中老师并没有给dl设置浮动,其实只需给.number设置左浮动就可以实现效果,浮动的元素会脱离标准文档流,然后与右侧的dl盒子并排显示在一行。不过还是建议给dl设置一下float:left左浮动,代码看起来更清晰明了。

祝学习愉快!

  • 老师 我想问一下之前学习的不是说,要浮动,并排的盒子都要设置浮动的吗?那只设置一个盒子浮动也有效果为什么还要设置都浮动呢

    2022-08-29 17:03:25
  • 问题解答如下:

    1、是的,一般并排显示的盒子都要设置浮动。

    2、这里比较特殊,因为dl里面的内容是文字,而css中文字的特性是会围绕着浮动的元素,不会被浮动元素覆盖,所以只设置number左浮动,右侧内容也会完整显示,但如果是其他内容,没有设置浮动,可能会被浮动,所以还是推荐都设置浮动。

    祝学习愉快~

    2022-08-29 17:37:21
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师