CSS bottom Property

пример

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

div.absolute {
    position: absolute;
    bottom: 70px;
    width: 200px;
    height: 100px;
    border: 3px solid #8AC007;
}

Попробуй сам "

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

Для абсолютно позиционируемых элементов, нижний свойство устанавливает нижний край элемента к блоку выше / ниже нижнего края его ближайшего позиционированного предка. Примечание: Если абсолютный позиционируемый элемент не имеет расположенные предков, она использует тело документа, и движется вместе с прокруткой страницы. Примечание: "positioned" элемент, чья позиция ничего , кроме статической.

Для относительно позиционируемых элементов, нижний свойство устанавливает нижний край элемента к блоку выше / ниже своего нормального положения.

Note: Если "position:static" , в нижней части свойство не имеет никакого эффекта.

Значение по умолчанию:	auto
Наследование:	no
Animatable:	yes. Read about animatable Try it
Версия:	CSS2
Синтаксис JavaScript:	object .style.bottom="10px" Try it

Поддержка браузеров

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

Имущество
bottom	1,0	5.0	1,0	1,0	6.0

CSS Синтаксис

bottom: auto|length|initial|inherit;

Значения свойств

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

CSS Справка