碰到如下问题:

position:absolute和width的关系

 

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

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

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

至于怎么算我也不太清楚

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

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-03
  • 2022-12-23
  • 2022-03-05
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-26
  • 2022-02-15
相关资源
相似解决方案