Как разместить статическую кнопку в правом нижнем углу?

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

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

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

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

добавьте свой код CSS здесь.

— 27.05.2019 13:32

@LaljiTadhani готово

— 27.05.2019 13:35

Вы можете исправить это, используя position: fixed, а также исправить, используя position: absolute

— 27.05.2019 14:18

html css bootstrap-4

27.05.2019 13:30

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

1 866

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Измените свой CSS

#delegar {
    position:fixed;
    right: 10px;
    bottom: 10px;
}

27.05.2019 13:36

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

.fixed {
position: fixed;
bottom: 10px;
right: 10px;
}

Теперь вы можете установить этот класс «фиксированным» для любого элемента, который вы хотите исправить. Например: <input type = "button" onclick = "delegar.php" id = "delegar" class = "fixed" value = "Delegar">

— 27.05.2019 13:38

27.05.2019 13:37

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

#delegar {
    position:fixed;
    rigth: 0;
    bottom: 0;
}

27.05.2019 13:38

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

27.05.2019 13:40

Другие вопросы по теме

Как обнаружить сенсорное устройство в 2019 году?

Ширина перехода CSS не работает с flex

Размещение изображения поверх представления в React Native

Как сгруппировать вводимый текст в массив и обернуть каждые 20 символов в div

Стиль Highcharts xrange

Как выровнять элемент по середине навигационной панели?

Bootstrap 4 pull-right не работает на навигационной панели

Карты Google медленно перерисовываются при изменении шрифта

Как исправить градиентный переход при наведении

Как написать очень маленький текст в HTML

Как разместить статическую кнопку в правом нижнем углу?

Ответы 4

Другие вопросы по теме

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