有关浮动的问题

有关浮动的问题

HTML

https://img1.sycdn.imooc.com//climg/62dc05310997527e08130539.jpg


CSS1

https://img1.sycdn.imooc.com//climg/62dc05310894829304390457.jpg


显示效果1

https://img1.sycdn.imooc.com//climg/62dc053109f4a61d19010078.jpg


CSS2

https://img1.sycdn.imooc.com//climg/62dc053108e5f2c103650461.jpg


显示效果2

https://img1.sycdn.imooc.com//climg/62dc053109e560ab19030077.jpg


老师好,请问下为什么“CSS1”形成的“显示效果1”和“CSS2”形成的“显示效果2”有所不同?





正在回答

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

1回答

同学你好,效果1:id为A的标签它默认从左边开始,然后设置了绝对定位,之后又添加右浮动是不生效的,所以效果不对;

效果2:设置绝对定位,right:0; 定位在最右边,这样效果是正确的;

祝学习愉快~

  • Tiigee 提问者 #1

    谢谢老师,可是如何使用右浮动来实现正确的效果

    2022-07-24 22:26:29
  • imooc_慕慕 回复 提问者 Tiigee #2

    同学你好,代码参考如下:

    css部分:

    https://img1.sycdn.imooc.com//climg/62dd64c40971630b04290738.jpg

    标签结构:

    https://img1.sycdn.imooc.com//climg/62dd651a09db2b5c06070555.jpg

    祝学习愉快~

    2022-07-24 23:28:47
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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