position:absolute和width的关系

碰到如下问题:

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

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

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

至于怎么算我也不太清楚

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

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

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