为什么未指定高度的div会淹没整个身体的高度？

Question

我有一个具有背景颜色的div，其中未指定高度，因此背景覆盖div的内容很有意义。 当第二个div超过此高度时，第一个div的背景色就会泛滥，直到第二个div内容的底部为止。 这是为什么？

jsfiddle

html

<div class="first">test<div>
<div class="second"></div>

的CSS

.first{
width: 30px;
background: red;
}
.second{
margin-left: 50px;
width: 200px;
height: 200px;
background: black;
}

Answer 1

您有错别字：您的第一个<div>没有关闭。 用</div>结束第一行，您的小提琴将按预期工作。