如何將頁腳放在可見頁面的底部？

我正在更改Openx實現，並添加了一個頁腳。它始終處於最底部，如果頁面太長，則需要向下滾動以查看頁腳。但是我想要做的是將頁腳放在可見部分的底部。你知道他們喜歡把煩人的橫幅放在底部，即使你向下或向上滾動，它仍然存在。我不知道它的名字。目前，頁腳位於底部。不在div內，因此它總是處於底部。但是，是否有一種方法可以使其正確定位頁面可見部分的大小？我的英語不足以告訴你我的意思。我現在在英語上遇到一些麻煩。任何想法如何做到這一點？這是頁腳的CSS;如何將頁腳放在可見頁面的底部？

.footer{ 
    position: relative; 
    margin-top:-100px; 
}

，它被放置像

<body> 
    some divs.. 

    <div class="footer"> 
    </div> 

</body>

應該我把腳註一格以上？我試過了，但沒有奏效。也許這個位置應該相對於頁面的可見高度？

來源

2012-02-08 Ada

你的問題的權利也有在'Related'部分列舉了一些帖子。第一個是「如何讓頁腳停留在網頁的底部？」。將可能解決您的問題 – DKSan 2012-02-08 08:38:41

我看到的建議問題貼在底部的頁腳。但我想我的意思是將頁腳放在屏幕的底部？ – Ada 2012-02-08 08:48:47

嘗試folllowing CSS

.footer{ 
    width:100%; 
    position:fixed; 
    bottom:0px; 
}

，並確保您的頁腳股利是最後一個div。

固定位置，使你的頁腳留在同一個地方，即使在瀏覽器窗口滾動

來源

2012-02-08 08:40:10

謝謝你的工作。我還找到了一個我想要的網站，當我用螢火蟲看它時，它和你的一樣！謝謝 – Ada 2012-02-08 08:49:37

不知道你想要達到的目標。

但是，如果你想一直頁腳在頁面底部試試這個： http://jsfiddle.net/dV44J/

.footer{ 
width: 100%; 
height: 50px; 
position: fixed; 
bottom: 0px; 
}

來源

2012-02-08 08:42:45 giker

謝謝。但我排除了身高。 – Ada 2012-02-08 08:55:10

如何將頁腳放在可見頁面的底部？

回答

相關問題