html - 为什么未指定高度的 div 会淹没整个 body 的高度？

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> 结束你的第一行你的 fiddle 按预期工作。