CSS: свойство clear

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

CSS: свойство clear

Сообщение Александр » 30 сен 2013, 14:04

Данное свойство определяет запрет его обтекания с одной из сторон другими элементами. Может принимать значения None, both, left, right, inherit.
Пример:
Код: выделить все
<!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>Свойство clear</title>
  <style>
   #blok {
    float: left; /* Обтекание блока по правому краю */
    background: #ec4; /* Цвет подложки */
    border: 2px dashed green; /* Свойства рамки */
    padding: 15px; /* Отступы вокруг текста */
    width: 45%; /* Ширина текстового блока */
   }
  </style>
 </head>
<body>
 
  <div id="blok">
 Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово Слово </div>
 
  <div style="clear: left"></div>
 
  <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p>
 
</body>

</html>

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

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

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

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

cron