<body>和<html>高度和佈局問題

我有兩個頁面，頁面A有很多內容，需要向下滾動，而頁面B只有很少的內容，只佔用瀏覽器窗口的一半。無論內容的大小如何，我都試圖將頁腳粘貼在兩頁底部。<body>和<html>高度和佈局問題

這是我一直在嘗試做的事情。我在內部有兩個容器，一個用於頁腳，另一個用於其他所有內容，稱之爲main-wrapper。我已經把邊界放在包裝和身體上，看看他們接受了什麼。主包裝將佔據頁面A上的所有內容，但是在頁面B上它將僅圍繞實際內容，即使身體佔據整個屏幕，底部邊界仍然在頁面的中間。我已經把主人的身高設定爲100％，那麼爲什麼不把他的全身？

來源

2013-04-05 Boon

谷歌粘性css頁腳 – 2013-04-05 16:13:54

我試了。我正在遵循他們都採取的一般解決方案，而他們都沒有工作。 – Boon 2013-04-05 16:23:14

好的，下一步你會用一個jsfiddle做一個簡單的例子，並且鏈接那個解決方案，這樣我們可以進一步幫助你。 – 2013-04-05 16:25:39

這就是我將如何處理這種情況。這聽起來像你需要在你的主包裝上設置一個最小高度，而不是將其高度設置爲填充容器的100％。由於各用戶的屏幕尺寸大不相同，因此您需要使用一點javascript/jquery來嘗試計算頁面高度。嘗試這樣的

$(document).ready(function() { 
    var pageHeight = $("body").height(); 
    pageHeight -= 200; // Whatever the height of your footer is. Make sure to subtract that out 
    $("#main-wrapper").css("min-height", pageHeight + "px"); 
});

來源

2013-04-05 17:37:11

<body>和<html>高度和佈局問題

回答

相關問題