clear

Обновлено: 26.05.2022

clear

Отменяет действие float с указанной стороны для вышестоящих элементов.

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется К блочным элементам
Анимируется Нет

Синтаксис

clear: none | left | right | both

Значения

none Отменяет действие clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек.
both Отменяет действие float одновременно с правого и левого краёв. Это значение рекомендуется устанавливать, когда требуется отменить обтекание элемента, но неизвестно точно с какой стороны.
left Отменяет действие float со значением left.
right Отменяет действие float со значением right.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства clear

Объектная модель

Объект.style.clear

Примечание

В браузере Internet Explorer до версии 6 включительно наблюдается ошибка под названием «эффект ку-ку», когда элементы c clear, соприкасающиеся с плавающими элементами (у которых задано свойство float), могут исчезать.

В браузере Internet Explorer 7 свойство clear не действует для элементов, у которых одновременно задано float со значением, не совпадающим с clear.

Браузеры

clear

Посмотреть совместимость на Can I use?

clear