頁腳粘連問題

我正在嘗試在我的頁面上使用sticky footers，但即使沒有內容，我仍然遇到頁腳出現在窗口下方的問題。頁腳粘連問題

This page表示這是由於在某些元素上使用margin引起的，因此頁腳被margin的累計值「推」下來。該頁面建議用padding替換margin，但這打破了我的設計，因爲它們不完全相同。

我還能做些什麼來「拉」頁腳？

這裏有一個鏈接顯示我的問題：http://john2x.com/wordpress/?p=4

2011-06-21 john2x

很難回答沒有看到您的網頁，您的代碼，jsfiddle，... – Kalessin

這裏是[jsfiddle]（http://jsfiddle.net/RQcVH/）。這是一個Wordpress主題，因此它很雜亂而且很長，但是結構基本上與[本頁]（http://www.cssstickyfooter.com/using-sticky-footer-code.html）上的結構相同，除了我有在主頁中設置頁邊空白的div，頁面上會導致問題。這[演示頁面]（http://john2x.com/wordpress/?p=4）顯示滾動條/保證金問題。 – john2x

如果您的div有填充也許你也應該總結的頂部和底部的墊襯，以你給它的陰性切緣...

所以例如，如果您的div具有10px的頂部和底部邊距，我認爲您應該將20px添加到其負邊距。

如果頁腳內有頁邊空白的元素將其推下，也許您還應該將這些頁邊距添加到頁腳的負邊距。

來源

2011-06-21 15:34:12

我相信這是由＃頁面換行最小高度設置爲100％引起的。

我認爲最簡單的解決方案是將您的頁腳div移動到#page-wrap div中，然後它將落在頁面的邊界內。

希望這會有所幫助！

來源

2011-06-21 18:30:23 Michelle

我剛剛嘗試過，但現在頁腳被放置在內容的下方，而不是在窗口的底部（即內容很短）。 – john2x

試試這個：http://ryanfait.com/sticky-footer/ – Michelle

頁腳粘連問題

回答

相關問題