css - 内容不占空间的 Div

Question

在下面的 fiddle 中:

http://jsfiddle.net/ranisalt/jv5Lw/1/

第二个<header>出于某种原因占用了除前面一个 div 之外的所有空间。我真的不知道如何解释这个问题。 “帐户信息”和“Angular 色信息”是标题中的唯一信息，但由于某些原因，它的背景在前后占据了很多空间。

发生了什么事？ CSS 有点不可预测...

Answer 1

这是因为花车。您只需要清除最后一个 div 上的 float :

.characters-info{
    clear: both;
}

http://jsfiddle.net/jv5Lw/2/