Как разместить статическую кнопку в нижнем правом углу? - PullRequest
0 голосов
/ 27 мая 2019

Мне нужно разместить кнопку в правом нижнем углу страницы и сделать ее статичной.Это нужно держать на своем месте в случае прокрутки.

Я пытался поместить его в css, но мне не хватает уровня.

<input type="button" onclick="delegar.php" id="delegar" value="Delegar">

#delegar {
    position:relative;
    rigth: 100%;
    bottom: 100%;
}

Ответы [ 4 ]

2 голосов
/ 27 мая 2019

Вы можете использовать фиксированную позицию для выполнения такой задачи. Она будет держать вашу кнопку внизу.

#delegar {
    position:fixed;
    rigth: 0;
    bottom: 0;
}
2 голосов
/ 27 мая 2019

Измени свой CSS

#delegar {
    position:fixed;
    right: 10px;
    bottom: 10px;
}
1 голос
/ 27 мая 2019
<div class="container-bottom">
    <input type="button" onclick="delegar.php" id="delegar" value="Delegar">
</div>

.container-bottom { position: relative; }

#delegar {
    position:relative;
    right: 10px;
    bottom: 10px;
}
0 голосов
/ 27 мая 2019

Вам необходимо установить фиксированное положение элемента.см. пример ниже:

.fixed {
position: fixed;
bottom: 10px;
right: 10px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...