頁腳在HTML

正常顯示我使用的主要內容兩個列layout.One和一個側邊欄頁腳在HTML

在HTML中我使用下面的代碼

<div id="content"> 
    <div id="main-content"> 
     ----------- 
     ----------- 
    </div> 

    <div id="sidebar"> 
     ----------- 
     ---------- 
     </div> 

</div> 

<div id="footer"> 
    ---------- 
    ---------- 
</div>

CSS文件包括以下代碼

#content 
{ 
padding-top:100px; 
padding-bottom:50px; 
width:1000px; 
    margin:0px auto; 

} 

    #main-content 
{ 

width:720px; 
padding-top:250px; 
    padding-bottom:30px; 
    padding-right:20px; 
position : absolute; 
} 

#sidebar 

{ 
float:right; 
width:270px; 
    padding-top:250px; 
    padding-bottom:30px; 

} 

#footer 
{ 
background: url(../images/footer.jpg) repeat-x; 
    width:100%; 
clear:both; 
    margin:auto; 

}

頁腳代碼顯示在頁面的中間，可能是在側邊欄可以看到here結束。頁腳是黑色。

來源

2012-09-30 akshay1728

你正在通過'javascript'編寫'footer div' ..但是y ..在那個cuz中沒有必要使用javascript，因此只需要寫'靜態內容'！把它帶回到html！ – Anirudha

刪除padding-right: 20px和position: absolute從div.#main-content

來源

2012-09-30 09:04:14 Matt

感謝您的回答 – akshay1728

性質#main-content CSS刪除position: absolute。你不需要它。如果你絕對定位一個元素，那麼這是不在文檔流中的。

在這種情況下，如果您在#main-content中設置了position: absoulte，則忽略其高度以呈現頁腳。

來源

2012-09-30 09:04:22

回答

相關問題