我有一個粘腳頁腳佈局。問題在於主要中心內容的實際高度不正確。雖然它隱藏在頁腳後面並且最終用戶看不到這一點，但例如在居中放置地圖時會引起問題。佈局內容從粘腳註失算
如何縮短內容的高度，使其保持在頁腳的上方，以便呈現真實的內容高度（同時保持100％）。舉例來說，我在這裏有一個工作示例： http://jsfiddle.net/mp8nr/43/
當您使用Firebug將鼠標懸停在元素上時，您會看到主內容實際上位於粘滯頁腳的下方。我只需要移動它，而不是切斷頂部，但我所有的嘗試都失敗了。我將不勝感激任何幫助。
編輯：有超過一件事錯了你的佈局。這裏有一個固定的版本： http://jsfiddle.net/Ym3YP/
好了，你還沒有實際上實現一個棘手的註腳。您只需放置一個固定位置的頁腳。當您使用固定或絕對定位時，所涉及的元素將從中抽取，這就是您的主內容div一直延伸到底部的原因。它沒有看到或識別頁腳正在阻擋！
下面是如何正確地實現粘性頁腳避免這些問題：
從Ryan Fait摘自：
樣本HTML：
<html>
<head>
<link rel="stylesheet" href="layout.css" ... />
</head>
<body>
<div class="wrapper">
<p>Your website content here.</p>
<div class="push"></div>
</div>
<div class="footer">
<p>Copyright (c) 2008</p>
</div>
</body>
</html>
樣品CSS：
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
另外，看看這個Smashing Magazine article它深入地解釋了CSS流程的基礎知識，它可以幫助你避免這些類型的問題。對於任何進入CSS的人來說，這是一個必讀內容，並將在未來爲您節省很多麻煩。
我花了很多時間和精力在我的佈局上，也許我的術語錯了......有沒有辦法解決我得到的而不是從頭開始？ – TruMan1
當然，讓我試着修理你的jsfiddle。 – roflmao
在這裏你可以先生：http://jsfiddle.net/Ym3YP/ – roflmao