Пятница, 05 Апреля 2013 10:23

Свойство bottom

Written by 
Оцени эту запись
(2 Голоса)

CSS свойство bottom применяется к позиционированным элементам, у который свойство position указано со значением absolute, relative или fixed. Свойство bottom задает расстояние между нижним краем элемента и элементом, относительно которого он позиционируется.

 

Если у элемента свойство position со значением relative, то он будет позиционироваться относительно своего родителя и окружающих элементов. Абсолютно спозиционированный элемент располагается относительно элемента body или родителя с "position: relative". Элементы с "position: fixed" позиционируются относительно окна браузера.

 

Пример:

 

 

.blue {
background: blue;
position: relative;
bottom: 20px;
}

 

 

 
Text

 

Элемент спозиционирован относительно "position: relative", потому при помощи свойства bottom он отодвинул идущий за ним элемент с текстом.

 

 

 
.violet {
position: relative;
}
.blue {
position: absolute;
bottom: 20px;
}
 
 

 

 

 

Абсолютно спозиционированный элемент отступил от родительского (position: relative) на указанные 20 пикселей. Если бы у него небыло относительно спозиционированного родителя, то он расположился бы относительно элемента body.

 

.blue {

position: fixed;

}

 

 

 

 

Элемент с "position: fixed" расположился внизу окна браузера. Он отступает на 20 пикселей от низа окна и остается на своем месте, независимо от прокрутки окна браузера. 

 

 

 

 

 

Каталог сайтов

Каталог сайтов

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов