Встановивши bottom: 0;, елемент вирівнюється по дну контейнера. Приклад: у цьому прикладі ми розташовуємо div (sub_div) у нижній частині його контейнера (main_div), використовуючи абсолютне позиціонування.
Найкращим можливим рішенням для переміщення div униз є наступне. В основному те, що вам потрібно зробити, це встановити дисплей flex і flex-direction як стовпець для батьківського елемента та додати 'margin-top: auto' до його дочірнього елемента, який потрібно перемістити на дно контейнера Примітка: я використовував bootstrap і його класи.
Рішення. Ви можете зробіть контейнер гнучким, а потім вирівняйте елементи донизу, встановивши для властивості align-items значення «flex-end». Ємність повинна мати висоту.
Вирівняйте div до нижньої частини сторінки в 3 кроки
- Крок 1: установіть відносну позицію батьків. Якщо ви хочете вирівняти div за нижньою частиною батьківського div, батьківський елемент повинен мати позицію : relative . …
- Крок 2: встановлення абсолютної позиції div. …
- Крок 3: встановлення властивості bottom на 0;
Щоб розмістити елемент у нижній частині контейнера за допомогою CSS, вам потрібно використовувати такі властивості та значення:
- положення: відносне; (батько)
- позиція: абсолютна; (дитина)
- знизу: 0; (дитина)