height: auto при float:

[Arinden]

Добрый вечер. Столкнулся со следующей проблемой, если в блоке контейнере расположить другие блоки и придать контейнеру свойство height: auto, то оно не работает если для блоков внутри контейнера заданы параметры float. Подскажите пожалуйста решение проблемы. Пример кода здесь.

[cyklop77]

очисти родительский блок, добавив ему такой стиль

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

или очисти другим способом. в поисковик забей "css очистка блока плавающих элементов"

[ceil100]

#main-content {
    overflow: hidden;
}

[Arinden]

Спасибо вам большое! Помогли! Всем по плюсику