为什么没有指定高度的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>结束你的第一行，你的小提琴按预期工作。