不管瀏覽器或設備如何修復頁腳底部的頁腳？

我知道粘腳。但我的情況是，我正在開發一個將用於PC &移動設備的網站。因此，顯示的頁腳會根據屏幕寬度進行調整。不管瀏覽器或設備如何修復頁腳底部的頁腳？

頁腳的高度會在每個分辨率上發生變化。

任何人都可以有想法，我怎麼能顯示頁腳底部（不是屏幕）頁腳。某個頁面的高度很小，頁面之間會顯示頁腳。

我有以下結構：

<body style="height:100%;"> 
<div style="height:100%;"> 
    <div id="wrapper" style="height:100%; max-width:800px;"> 
    <div id="header"> 
    some content 
    </div> 
    <div id="content"> 
    some content 
    </div> 
    <div id="footer" style="position:relative; width:100%;"> 
    some content 
    </div> 
    </div> 
</div> 
</body>

來源

2013-02-25 user1400290

我很困惑，爲什麼你不只是設置您的頁腳上有溢出的最大高度樣式：隱藏 - 你是不是隻是試圖保持你的頁腳不管窗口大小相同的高度？而且，如果你注意到那裏的巨大差異，modernizr和normalize.css可能有助於保持跨瀏覽器的一致樣式。 – BumbleB2na 2013-02-25 15:08:00

請環顧一下然後問一個問題這個問題被問了好幾次：http://stackoverflow.com/questions/5189238/how-to-make-a-footer-fixed-in-the-page-bottom – NewUser 2013-02-25 15:10:14

這看起來是相同的http://stackoverflow.com/questions/311990/how-do-i-get-a-div-to-float-to-the-bottom-of-its-container – TravellingGeek 2013-02-25 15:10:36

這可能被清除的東西了：

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

html, 
 
body { 
 
    margin:0; 
 
    padding:0; 
 
    height:100%; 
 
} 
 
#container { 
 
    min-height:100%; 
 
    position:relative; 
 
} 
 
#header { 
 
    background:#ff0; 
 
    padding:10px; 
 
} 
 
#body { 
 
    padding:10px; 
 
    padding-bottom:60px; /* Height of the footer */ 
 
} 
 
#footer { 
 
    position:absolute; 
 
    bottom:0; 
 
    width:100%; 
 
    height:60px; /* Height of the footer */ 
 
    background:#6cf; 
 
}

<div id="container"> 
 
    <div id="header"></div> 
 
    <div id="body"></div> 
 
    <div id="footer"></div> 
 
</div>

來源

2013-02-25 15:08:07

不管瀏覽器或設備如何修復頁腳底部的頁腳？

回答

相關問題