Почему отсутствует background?

Question

[Name Surname]

https://jsfiddle.net/y5u4r0ep/1/
Элементу .midd_wrap задан бекграунд, но его нет. Почему?

Comments

[Алекс Глебов]

высота элемента равна 0
https://htmlacademy.ru/courses/65/run/16

Answer 1

[0xD34F]

Элементы с float не влияют на высоту родительского элемента, а других внутри у .div_info у вас нет - так что его высота равна нулю. А поскольку сам .div_info является единственным дочерним элементом .midd_wrap - то и последний также имеет нулевую высоту. Т.е., бэкграунд на самом деле есть, просто вы его не видите.

Answer 2

[Александр]

https://jsfiddle.net/y5u4r0ep/9/
https://www.w3schools.com/howto/howto_css_clearfix.asp
А вообще используйте flex

Answer 3

[Одиночка Айс]

Про схлопывание родителя из-за флоатов детей вам правильно сказали, чтобы показать фон у родителя, задайте ему overflow:hidden;