頁腳出現背後的內容，而不是頁面的底部

我有希望在頁面底部的頁腳，而是它背後顯示的內容。

你可以看到這裏的問題：http://inelmo.com（我做了註腳黑色，所以你可以看到它）

HTML

<body> 
<div id="header"></div> 
    <div id="wrapper"> 
     <div id="content"> !There is php stuff echoed here! </div> 
     <div id="sidebar"></div> 
     <div id="footer"></div> 
    </div> 
</body>

CSS

#wrapper { 
    width: 902px; 
    margin: 70px auto 0 auto; 
} 

#content { 
    width: 520px; 
    padding: 15px; 
    float: left; 
} 

#footer { 
    background: #000; 
    height: 200px; 
} 

/* Sidebar */ 
#sidebar { 
    width: 336px; 
    float: right; 
    padding: 16px 0 0 0; 
}

來源

2012-01-02 Ilja

添加clear: both;到您的頁腳的樣式定義

#footer { 
    background: #000; 
    height: 200px; 
    clear: both; 
}

來源

2012-01-02 17:09:14

任職;）謝謝，我可以接受5分鐘的答案，同時等待你能解釋一下什麼是「明確的」是幹什麼用的？ – Ilja 2012-01-02 17:11:49

clear屬性禁用浮動。

Reference - CSS clear

來源

2012-01-02 19:08:54 averge

頁腳出現背後的內容，而不是頁面的底部

回答

相關問題