关于ul标签设置绝对定位

关于ul标签设置绝对定位

老师,您好:

如图所示,老师说要将绝对定位设置在ul标签上面实现让li标签内的文字浮动在图片上面,但是为什么要在设置在ul标签上面才行啊?然而写在ul下面的li标签里面就会出现文字重叠了?这是为什么?说明一下原理,不是很懂

http://img1.sycdn.imooc.com//climg/5f393996096ff44e03100123.jpg

http://img1.sycdn.imooc.com//climg/5f393996099387e002920117.jpg

http://img1.sycdn.imooc.com//climg/5f3939960940c25601320106.jpg

http://img1.sycdn.imooc.com//climg/5f39399709e7877801390156.jpg


正在回答

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

2回答

同学你好.设置绝对定位后,所有的元素都会定位到左上角,所以会重叠,可以使用top值设置位置

http://img1.sycdn.imooc.com//climg/5f3b3d33098fd28c08950525.jpg

好帮手慕小猿 2020-08-17 11:10:48

同学你好。将绝对定位设置在ul上,是将整个ul设置浮动,实现在图片上的效果 。如果只是设置li为绝对定位,两个li会脱离文档流,导致两个li重叠,所以会是同学看到的效果。

如果我的回答解决了您的问题,请采纳~

  • 提问者 Kepler_ #1
    那为什么会重叠呢?不应该是抽象主义四个字显示在现实主义的右边嘛?是因为里面的宽度不够宽,所以显示在现实主义的下面但是因为高度也不够,所以导致重叠是嘛?
    2020-08-17 19:47:39
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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