Свойство clear указывает с какой стороны текущего элемента плавающие блоки (элементы со значениями left или right) не допускаются. Если элемент задан так, чтобы отталкивать плавающие элементы со всех сторон, он автоматически переместится вниз - под эти плавающие участки. Главное: смещение произойдёт только тогда, когда плавающий блок находится с той же стороны, которой запрещён в текущем элементе. Давайте посмотрим на практический пример. На рисунке ниже видно, что плавающий элемент с идентификатором sidebar частично перекрывает два блочных элемента. Чтобы нижний блок не был затянут плавающим элементом, применяем свойство clear к div#footer со значением right. Это явно говорит браузеру: «С правой стороны быть плавающими элементами не должно»! В результате блок плавно опускается чуть ниже и размещается под sidebar. Примечание: Свойство clear работает только с блочными элементами. | Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.clear="left" | | Значение | Описание | | left | Плавающие элементы запрещены слева. | | right | Плавающие элементы запрещены справа. | | both | Запрещаем плавающие элементы с обеих сторон. | | none | Разрешаем плавающие элементы с любой стороны. | | inherit | Наследуем значение от родительского элемента. | Пример html Это какой-то текст. Это какой-то текст. |