position:absolute和width的關系


碰到如下問題:

 

 如圖,我設置了寬高和絕對定位 ,但實際上我圖片顯示寬度為0;

然后我就查了一下,發現是因為我設了公共img寬度有個max-width:100%;屏蔽掉就有正常寬了,這點暫時沒明白為啥

不過當圖片設置為postion:absolute的時候,它的父級元素需要設置position:relative,它的寬高會根據父元素的寬高來設置,如果沒有設置父元素的position:則按瀏覽器作為父元素的寬高算

至於怎么算我也不太清楚

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

或者說它的父元素設置寬高(它父元素設置了position:relative,但是沒有設寬高)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM