Css div中的内容溢出到下面的div中

有人能告诉我为什么

页面查看计数

&

天数

div的内容在我的实现中溢出到

顶部标题

标记：

<div id="top-stats">
    <div id="page-view-count">count</div>
    <div id="num-of-days">num of days</div>
</div> 

<div id="top-header"This is a test</div>

如果我删除

float

属性，它会在

top stats

中很好地堆叠起来

看

我可能错过了一些简单的规则，但我可能看得太近了，需要另一双眼睛

#top-header{
    clear: both;
    width: 100%;
    display:block;
    background-color:#DBDB70;
    border-radius:3px;
}

#top-header{
    clear: both;
    width: 100%;
    display:block;
    background-color:#DBDB70;
    border-radius:3px;
}