Зачем в дочерних блоках float и clear?

Question

[Дмитрий]

Здравствуйте. Есть такое выравнивание по вертикали:
codepen.io/ddimonn8080/pen/YqoeYV?editors=1100
Зачем в дочерних float и clear?
Вроде без них та же картина.

Answer 1

[Сергей Горячев]

Вы это сделали, а спрашиваете у нас?)
Омг)

Comments

[Дмитрий]

Омг, я это нашел в интернете и пытаюсь разобраться что к чему)

[Serj-One]

Дмитрий: Омг, может стоит сначала ознакомиться с документацией, а уж потом, имея хоть какое-то представление о вопросе, ковырять случайные примеры из интернетов?

[Сергей Горячев]

Serj-One: ну, тогда имхо: решение ужасное) я бы ещё поискал)

[Дмитрий]

Serj-One: знаком, читал.

Answer 2

[Username]

Ну знаете как бывает, накликал что-то там и хоп заработало

Answer 3

[Figment]

В данном случае - да, та же картина.
В целом - float позволяет "прижимать" блоки в нужное направление. Значение "clear" помогает в позиционировании блока, указывая, с какой стороны блока / объекта должно быть всё "чисто".
То есть указывая для объекта float: clear; - мы задаём правило, что ни справа, ни слева от объекта ничего не должно быть (при правильном позиционировании).

Answer 4

[Ivan Bogachev]

Почитайте статью о float. Сразу станет ясно зачем нужно использовать clear. И попробуйте в своем примере убрать clear: both; - у вас все сразу схлопнется. Это хорошо иллюстрирует один из пунктов статьи.