Clear

[Cooooop]

Во многих шаблонах доступных в интернете, в коде встречал

<div class="clear"></div>,.clear { clear: both; }

, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?

[Softlink]

Это т.н. clearfix. Почитайте здесь обо всех возможных.

[Cooooop]

эх, всё равно ничего не понял...

[Vin]

Изначально плавающие элементы (float) были предназначены лишь для создания врезок, например, плавающее изображение может обтекать несколько абзацев. Из-за этого эти элементы как бы удаляются из общего потока и могут превышать границы родительского блока. Когда свойство float используется не для создания врезок, а для построения макета, чтобы не происходило вылезания за границы родителя и используется т.н. "очистка".

Почитайте, например это для начала. Или ещё вот статейка.

Edited October 3, 2012 by Vin

[SelenIT]

Для врезок clear тоже бывает нужен — например, чтобы врезка не лезла в следующий после нее заголовок. И вообще

[Cooooop]

Большое спасибо, теперь разобрался