是否可以根據CSS中的窗口大小調整頂部位置？

Question

#imgmenu { 
 
    position: fixed; 
 
    top: 0%; 
 
    left: 0%; 
 
    width: 100%; 
 
    height: 600px; 
 
} 
 

 
#icon img { 
 
    position: relative; 
 
    top: 70%; 
 
    left: 20%; 
 
    width: 3%; 
 
    height: 3%; 
 
}

<div id="imgmenu"> 
 
    <div id="icon"> 
 
    <img src="crow.png" class="image" alt=""> 
 
    </div> 
 
</div>

左按預期工作 - 當膨脹時，窗口或水平壓縮，x位置相應地調整，但y位置似乎是固定的，並且不調整窗口的大小時垂直改變。

Answer 1

這是因爲您已聲明img爲相對位置。如果我沒有弄錯，相對位置應該用於固定位置的元素，並且將成爲定位絕對元素的基礎。

我想你真正的意思的代碼是這一個：

#imgmenu { 
    position: relative; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 600px; 
} 

#icon img { 
    position: absolute; 
    top: 70%; 
    left: 20%; 
    width: 3%; 
    height: 3%; 
}