CSS bottom Свойство

Установите нижний край элемента <div>, чтобы он 10px над нижним краем ближайшего родительского элемента с некоторым позиционированием:

div.absolute {
    position: absolute;
    bottom: 10px;
    width: 50%;
    border: 3px solid #8AC007;
}

Определение и использование

Свойство bottom влияет на вертикальное положение позиционного элемента. Это свойство не влияет на нерасположенные элементы.

Если позиция: абсолютная; или положение: Исправлено; - Свойство bottom устанавливает нижний край элемента на единицу выше/ниже нижнего края его ближайшего расположенного предка.
Если позиция: относительная; - Свойство bottom позволяет нижнему краю элемента перемещаться выше/ниже его нормального положения.
Если позиция: липкий; - Свойство bottom себя, как его позиция является относительной, когда элемент находится внутри видового экрана, и, как его положение фиксируется, когда он находится снаружи.
Если позиция: статическая; - Свойство bottom не имеет эффекта.

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
bottom	1.0	5.0	1.0	1.0	6.0

bottom: auto|length|initial|inherit;

Значение	Описание
auto	Позволяет обозревателю рассчитать положение нижнего края. Это значение по умолчанию
length	Задает положение нижнего края в пикселах, см и т. д. Допустимы отрицательные значения. Читать о единицах длины
%	Задает положение нижнего края в% от содержащего элемента. Допустимы отрицательные значения
initial	Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit	Наследует это свойство из родительского элемента. (Читайте о inherit)