Задать вопрос
@StFloric

Как сделать расстояние между блоками в HTML фиксированным?

Хотелось бы сделать расстояние между блоком (shapka) и кнопкой равным 0 при любой ширине сайта, но при ее изменении расстояние все равно меняется.

685720e40a05b480733752.png
<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;
}"
  • Вопрос задан
  • 225 просмотров
Подписаться 2 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
Rimush
@Rimush
Изучите в чем разница у единиц измерения таких как px, % и в вашем случае vw.
Если ширина .shapka 13vw, то и отступ должен быть left: 13vw
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы