首页 > 其他 > 详细

position:absolute和width的关系

时间:2020-03-05 12:24:06      阅读:104      评论:0      收藏:0      [点我收藏+]

碰到如下问题:

技术分享图片

 

 如图,我设置了宽高和绝对定位 ,但实际上我图片显示宽度为0;

然后我就查了一下,发现是因为我设了公共img宽度有个max-width:100%;屏蔽掉就有正常宽了,这点暂时没明白为啥

不过当图片设置为postion:absolute的时候,它的父级元素需要设置position:relative,它的宽高会根据父元素的宽高来设置,如果没有设置父元素的position:则按浏览器作为父元素的宽高算

至于怎么算我也不太清楚

目前如果我取消position,图片是可以正常显示的,

或者说它的父元素设置宽高(它父元素设置了position:relative,但是没有设宽高)

position:absolute和width的关系

原文:https://www.cnblogs.com/qingcui277/p/12419246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!