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>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
- Почему SERVER_ADDR имеет не тот IP 47917 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23903 visits
- Как через css изменить цвет png изображения? 10401 visits
- Blob video url download 10006 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
© "hostciti.net" 27.3.2025 | 02:08