Ist es möglich, die obere Position basierend auf der Fenstergröße in CSS anzupassen?

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>

Linke funktioniert wie beabsichtigt - wenn das Fenster erweitert wird oder horizontal komprimiert, die x-Position entsprechend angepasst, aber die y-Position scheint fixiert zu werden und passen nicht auf, wenn die Fenstergröße wird vertikal geändert.

Answer 1

Dies liegt daran, dass Sie das IMG als relative Position deklariert haben. Wenn ich mich nicht irre, sollte Position relativ zu einem Element mit fester Position verwendet werden und wäre die Grundlage für die Positionierung eines absoluten Elements.

denke ich, was Sie wirklich Code gemeint ist diese:

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

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