Div блок не закрывается, почему?

Question

[Alexander Kovalenko]

Такая проблема. Есть блок content, в нем внутри другие блоки. Все расположено нормально и как надо. Но стоит добавить ПОСЛЕ блока content еще один блок (любой) вся верстка "ломается" и новый блок становится справа от content. Что не так? Я уже устал пытаться увидеть ошибку, может вы увидите на свежий глаз.
В примере можно открыть страницу, посмотреть код самого нижнего блока "calendar" и что будет если убрать float.
P.S. еcли точнее новый блок добавляется не внизу, а справа от content, нормально блок добавляется только с атрибутом float. Но какая разница для нового атрибута, если я добавляю его ПОСЛЕ?

alexustdv.ru/project142

Comments

[al3ch5]

необходимо просто почитать про потоки в html/css и все станет на свои места... (и это не про ПЛАВАЮЩИЕ БЛОКИ).

Answer 1

[Алексей Зуев]

Вы ничего про очистку потока не слышали?
Добавьте

.content:after {
    clear: both;
    content: "";
    display: table;
}

И можете после этого убрать у calendar float

Answer 2

[Ferzet]

clear: both;