Свойство clear CSS

  • Предыдущая страница @charset
  • Следующая страница clip

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

Атрибут clear определяет, на哪一个 стороне элемента не должны появляться другие浮动ные элементы.

Описание

Атрибут clear определяет, на哪一个 стороне элемента не должны появляться浮动ные элементы. В CSS1 и CSS2 это достигается автоматически добавлением верхнего отступа к элементам, которые необходимо очистить (элементы, у которых был установлен атрибут clear). В CSS2.1 добавляется дополнительное пространство для очистки над верхним отступом, а сам отступ не изменяется. В любом случае результат одинаковый: если указать清除 слева или справа, верхний край элемента будет точно под нижним краем отступа浮动ного элемента.

См. также:

Урок CSS:CSS позиционирование

Руководство по HTML DOM:Атрибут clear

Пример

Запрещает浮动ные элементы слева и справа от изображения:

img
  {
  float:left;
  clear:both;
  }

Попробуйте сами

CSS синтаксис

clear: none|left|right|both|initial|inherit;

Значение атрибута

Значение Описание
left Запрещает浮动ные элементы слева.
right Запрещает浮动ные элементы справа.
both Запрещает浮动ные элементы на обоих側ах.
нет Значение по умолчанию. Разрешает浮动ные элементы出现在 обоих側ах.
inherit Определяет, должен ли элемент наследовать значение атрибута clear от родительского элемента.

Технические детали

Значение по умолчанию: нет
Инheritance: нет
Версия: CSS1
JavaScript синтаксис: object.style.clear="left"

Пример TIY

Удаление элементов по сторонам
Этот пример демонстрирует, как использовать清除 элементов, плавающих по сторонам.

Поддержка браузерами

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0
  • Предыдущая страница @charset
  • Следующая страница clip