Сетки 10/32 вопрос

Возник глупый вопрос, в задании

float и выпадание из потока 10/32

при выполнении 3 задачи .block2 задайте флоат влево. блок 2 получается зафлоченым. В теории сказано что остальные блочные элементы перестают замечать зафлоченый блок и занимают его место. При этом блок 3 просто прилип снизу, а не “наполз” на блок 2. С чем это связано?

UPD: Правильно ли я понимаю что такая поведение вызвано свойством padding у класса .Block ?

Нет.

Чтобы понять что происходит – добавьте к теории немного практики:

Поэкспериментируйте с блоком 3.
Измените его ширину до 150px.
Потом до 250px.
Измените цвет блока.
Включайте-отключайте float у 2 и 3 блоков.
Так проще разобраться, и в теории к курсу, и что куда “наползает” и “прилипает”…

1 лайк

Большое спасибо) разобрался)

И чаще пользуйтесь средствами разработки (DevTools).
В браузерах вызываются по CTRL+SHIFT+I или F12.