CSSのウィンドウサイズに基づいて上部の位置を調整できますか？ 、x位置はそれに応じて調整するが、y位置を固定しているように見えるとき、ウィンドウサイズを調整しないウィンドウが拡張されるとき、または水平方向に圧縮 -

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>

左意図したとおりに動作します垂直方向に変更されます。

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%; 
}