Вирівняйте div за нижньою частиною сторінки в 3 кроки
- Крок 1: установіть відносну позицію батьків. Якщо ви хочете вирівняти div за нижньою частиною батьківського div, батьківський елемент повинен мати позицію : relative . …
- Крок 2: встановлення абсолютної позиції div. …
- Крок 3: встановлення властивості bottom на 0; …
- Додатково: внизу праворуч.
Ймовірно, найпростіший спосіб зробити це мати інший div-обгортку, яка оточує div #container, і застосувати до нього основний фон замість тіла – необхідний фон для нижнього колонтитула потім можна застосувати до основної частини та видалити всі 100% висоти.
Ми також можемо вирівняти вміст div за низом за допомогою властивості flex. Використовуйте display: flex до елемента та додайте align-items: flex-end, щоб вирівняти його до кінця.
Щоб поставити елемент перед іншим елементом, ви можете використовувати властивість CSS z-index. Властивість z-index визначає порядок стека елемента. Елемент із більшим значенням z-індексу відображатиметься перед елементом із меншим значенням z-індексу.
Щоб розташувати div внизу його контейнера в CSS, ви можете використовувати різні підходи. Використання абсолютного позиціонування передбачає встановлення `position: absolute;` і `bottom: 0;`, вирівнювання div за дном контейнера.