Как «экранировать» DIV класс с FLOAT а нижнего DIV-а?

Question

[andreystrelkov]

Имееются 2 DIV-a, внутри первого несколько других которые имееют свойство FLOAT:left, для того чтобы лечь по горизонтали

Во втором один div на всю ширину

Однако при отображении из float верхних div-ов вторый div начинает рисовать рядом сними сверху
а надо после них обоих, вроде пробовал первому display block - не помогает, как быть

На скрине показано красным как надо, а серым как есть

Answer 1

[Николай Шабалин]

Методов уйма.
1. Сделайте красному clear: both
2. Родителю float блоков добавьте overflow: hidden, если там конечно позиционинровать вне блока ничего не надо.
3. stackoverflow.com/questions/211383/which-method-of...
4. Почитайте хотя бы чуть-чуть о том то вы используете, я имею ввиду float: left

Answer 2

[Борис Якушев]

Использовать clear.