Свойство clear указывает с какой стороны текущего элемента не допускаются плавающие элементы (плавающими являются элементы, у которых имеет значение right или left). Если для элемента установлено, что плавающие элементы не допускаются с любой из сторон, он будет смещён вниз - под плавающий элемент. Обратите внимание, что элемент будет смещён под плавающий элемент только в том случае, если плавающий элемент находится с той же стороны, с которой он запрещён у текущего элемента.

Рассмотрим на небольшом примере как работает свойство clear. На изображении, расположенном ниже, видно, что плавающий элемент с идентификатором sidebar частично перекрывает два блочных элемента.

Нам нужно сделать так, чтобы нижний блочный элемент не перекрывался плавающим элементом, для этого воспользуемся свойством clear для div с идентификатором footer и установим ему значение right. Таким образом мы указали, что с правой стороны элемента не может быть никакого плавающего содержимого, в результате чего он смещается немного вниз и располагается под плавающим элементом:

Примечание: свойство clear применяется только к блочным элементам.

html 
head 
 style type="text/css" 
 img { float: left; } 
 p.clear { clear: both; } 
 /style 
/head 
body 
 img src="logocss.gif" width="95" height="84" 
 pЭто какой-то текст./p 
 p class="clear"Это какой-то текст./p 
/body 
/html