2013-08-25 66 views
0

有人能告訴我爲什麼page-view-count & num-of-days div的內容泄漏到top-header在我的實現中嗎?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> 

CSS

#top-stats{ 
    width: 100%; 
} 

#page-view-count, #num-of-days{ 
    color: #666; 
    text-shadow:1px 1px #FFFFFF; 
    font-size:13px; 
    font-weight: bold; 
    padding-bottom: 5px; 
} 

#page-view-count{ 
    float:left; 
} 

#num-of-days{ 
    float:right; 
} 

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

如果我要刪除float財產好聽棧內top-stats

fiddle

我可能錯過了一些簡單的規則,但我可能太密切關注和需要另一雙眼睛..

回答

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

Fiddle