Div внизу страницы со скроллингом
Всем привет!
К примеру, имеется страница высотой 2000px. При размере окна браузера 900px, т.е. появляется скролл по оси y, создается div объект с position:absolute;. Как разместить его в самом низу страницы? (bottom:0; размещает объект внизу размера окна браузера, а не истинного размера страницы). Есть идея, используя js, рассчитать высоту всей страницы и указать для блока top: (высота документа) - (высота объекта), однако мне кажется все можно сделать не используя js на css, подскажите пожалуйста.
Для объекта высотой 2000 задайте position: relative; тогда координаты дочерних объектов будут рассчитаны относительно него
.page{
height:2000px;
position: relative;
}
.absolute{
position:absolute;
bottom:0;
border:1px solid #ccc;
width:100%;
height:100px;
}<div class=page>
<div class=absolute></div>
</div>
-
11:09
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
-
12:24
-
21:54
-
06:25
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
- Почему SERVER_ADDR имеет не тот IP 50369 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31981 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26365 visits
- Как через css изменить цвет png изображения? 11789 visits
- Blob video url download 11334 visits
- Php curl запрос через прокси с авторизацией 10746 visits
- Работа с captcha vk api 9545 visits
© "hostciti.net" 07.5.2026 | 14:10