Div内容不占空间

Question

在下面的小提琴中：

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

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

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

Answer 1

这是因为花车。你只需要清除最后一个div上的花车：

.characters-info{
    clear: both;
}

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

Answer 2

向div account-info

添加溢出

  

.account-信息{       溢出：隐藏;   }