Хотелось бы сделать расстояние между блоком (shapka) и кнопкой равным 0 при любой ширине сайта, но при ее изменении расстояние все равно меняется.
<body>
<input type="image" id="close" src="/close.png"/>
<input type="image" id="open" src="/arrow.png">
<div class="shapka" >
<a class="link" href="#1"> Описание</a><br>
<a class="link" href="#2"> География</a><br>
</div>
</body>
".shapka{
position: fixed;
left:0;
top:-2;
background-color: #BC7C0F;
border: 2px solid black;
width: 13vw;
height: 100%;
padding: 3vb;
font-size: 3vw;
#open{
position: fixed;
top: 15vh;
left: -100px;
width: 8vw;
}
#close{
position: fixed;
left: 450px;
top:15vh;
width: 8vw;
}"