CSS: свойство botton

Технические моменты создания сайтов и других Web-приложений.

CSS: свойство botton

Сообщение Александр » 23 сен 2013, 12:31

Данное свойство определяет положение нижнего края содержимого лемента и применяется совместно со свойством position, которое как правило принимает значение relative (относительное положение) или absolute (абсолютное положение).
При абсолютном позиционировании отсчет ведется от нижнего края браузера, а при относительном от нижнего края исходного расположения элемента.
Пример:
Код: выделить все
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Свойство bottom</title>
  <style>
   #layer {
    bottom: 120px; /* Расстояние от нижнего края окна браузера */
    position: absolute; /* Абсолютное позиционирование */
    background: #fcfbff; /* Цвет фона */
    padding: 12px; /* Поля вокруг текста */
    border: dashed 2px black; /* Параметры рамки */
   }
  </style>
 </head>
 <body>
  <div id="layer">
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
  </div>
 </body>
</html>

Результат:
sb1.jpg
sb1.jpg (32.09 KiB) Просмотров: 2988
Аватар пользователя
Александр
Продвинутый Юзер
 
Сообщений: 218
Зарегистрирован: 12 мар 2012, 16:32

Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 4