bottom

Определяет нижнюю вертикальную позицию элемента. Работает в паре со свойством position.

Для position: relative происходит смещение от изначальной позиции элемента.
Для position: absolute и position: fixed смещение относительно родительского блока.
Для position: sticky смещение работает сначала как для relative, но при прокручивании фиксируется как fixed.
Для position: static не работает.

Если задано одновременно свойство bottom и top:

Для position: absolute и position: fixed будут учитываться оба свойства, если высота не задана
Для position: relative свойство bottom будет проигнорировано.
Для position: sticky будет проигнорировано.

Примеры

Значение	Описание
auto	По умолчанию. Блок не перемещается.
расстояние	Расстояние от нижнего края в px, em и других единицах измерения. Допустимы отрицательные значения. Например: `bottom: 10px;` `bottom: -.3em;` `bottom: 0;`
проценты	Расстояние в процентах от высоты родительского блока. Например: `bottom: 5%;`
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.

НастольныеМобильные

Chrome

Edge

Firefox

Opera

Safari

Chrome

Firefox

Opera

Safari

Samsung

Android

bottom

1.0

≤37

Поддерживается: Да