12 марта 2012. Автор: Joker-jar
Хочу рассказать вам о небольшой хитрости, которую я лично очень часто применяю. При верстке плавающими HTML-блоками (с использованием CSS-стиля float) иногда возникает необходимость принудительно "перенести" определенные блоки на новую строку в независимости от значения стиля float как самих, так и соседних блоков. Для этого может помочь специальный невидимый блок, сформированный следующим образом:
.clearer { clear: both; display: block; font-size: 0; line-height: 0; }
<div class="clearer"> </div>