position:absolute为什么相当display:inline-block?

position:absolute为什么相当display:inline-block?

# 具体遇到的问题
当然,我理解这个可以说就是这么语言设计的时候这么规定的。

但是我想总是有什么应用上的便利的考虑吧?

谢谢!

# 报错信息的截图

# 相关课程内容截图
http://img1.sycdn.imooc.com//climg/5fb4473f0988208206610213.jpg# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

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

2回答

同学你好,老师这里说position:absolute;相当于display:inline-block;是指元素设置了position:absolute;后,表现出来的性质和display:inline-block;有类似的地方,即元素的宽度会由内容撑开。但是本质上,二者还是有区别的,比如设置position:absolute;的元素会脱离文档流,而inline-block的元素,不会脱离文档流。因此实际应用中,二者是不能互换的,比如需要定位的时候,要用position:absolute;,而不能用inline-block。

祝学习愉快!

  • 幕布斯3322991 提问者 #1
    老师您说的明白了。我可不可以这么理解:position:absolute的时候,因为脱离了文档流,相当周围不受限制,就可以靠自己的内容舒展开?
    2020-11-20 06:09:07
好帮手慕糖 2020-11-20 09:43:43

同学你好,可以这么理解的哦。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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