Почему ширина моего родителя Div то же самое, что и мой ребенок Div? [дублировать] ⇐ Html

[Anonymous]

У меня есть Div, и внутри этого Div у меня есть изображение и другой див. Изображение установлено, чтобы плавать влево, как и родительский див. Проблема, с которой я сталкиваюсь, заключается в том, что родительский Div каким -то образом также имеет ширину, которую я установил в детскую дивию. Я не установил ширину для родительского Div. < /P>
Изображение имеет ширину 240px, а ребенок Div 550px. Таким образом, родительский Div должен иметь ширину 790px. Но родительский диг унаследовал ширину детского дивиата (550px). Ребенок Div и его элементы также могут наложить на изображение. Элементы не отображаются поверх изображения, но проверка покажет, что ширина составляет 550px, такая же, как ширина родительского Div и Child Div. < /P>
Это работает, как и предполагалось. Но почему это работает?

Код: Выделить всё

img {
height: 150px;
width: 200px;
margin: 20px;
margin-bottom: 100%;
float: left;
}

.l2 {
float: right;
background: blue;
}

.l1 {
float: left;
background: blue;
}

div div {
width: 550px;
background: red;
}< /code>

[img]https://picsum.photos/id/237/250/250[/img]

B
text



[img]https://picsum.photos/id/236/250/250[/img]

E
text

Подробнее здесь: https://stackoverflow.com/questions/794 ... -child-div