Плавающие элементы вызывают родительский коллапс. HTML / CSS

Если у меня есть следующий код:

<div>
    <div style="float: left;">Div 1</div>
    <div style="float: left;">Div 2</div>
</div>

Родитель свернется и будет иметь высоту 0px.

Так что это известная проблема, я думаю, и естьисправления доступно, но мне бы очень хотелось узнатьЗАЧЕМ это происходит в первую очередь.

Кто-нибудь может это объяснить?

Я не ищу какие-либо исправления CSS, они были покрытыВотЯ ищу объяснение, почему это происходит в первую очередь.

Ответы на вопрос(2)

Ваш ответ на вопрос