頁腳展示位置

Question

我剛剛開始在我的Windows桌面上使用文本編輯器進行一些非常簡單的網站開發。我製作了兩個html頁面，一個作爲鏈接到顯示其他內容的「其他」頁面的「主頁」頁面。這兩個頁面都鏈接到一個CSS樣式表。

我不能解決的是頁面的長度截然不同，「主頁」是1200px，「其他」是7000px。因此，如果我將樣式表中的內容高度設置爲7000px，以便頁腳顯示在「其他」頁面內容的末尾，則「主頁」頁面上的頁腳是5800px滾動行程。

我已經嘗試過各種頁腳的位置值無濟於事。對我來說，解決這個問題最好的辦法是什麼。

我已經張貼在Github上的文件在 https://gist.github.com/Pedro147/7b9427def1a44f4bd8ae

主頁是index_2 其他頁面7SEG LED電路 style_2樣式
菜單/導航文件是嘮叨，menu.js

Answer 1

我認爲你應該使用不同的id爲這兩個頁面設置高度自動在CSS中將根據父元素設置兩個頁面的高度。

Answer 2

在1ndex_2中，您的身體標記在頁腳之前關閉，儘管這可能不會導致您的問題。看着你似乎已經絕對定位了所有東西，根據我的經驗，當你擁有不同高度的頁面時，這是令人沮喪的。絕對定位的元素在頁面流中不佔用任何高度。因此，如果您希望頁腳始終在內容之後而不必設置其高度，那麼您可以執行一些操作。

簡單選項：因爲您知道頁面高度只需使用內聯樣式設置內容div的高度即可。然後，如果頁腳div是內容div之後的第一個元素，它將被放置在它的正下方。

耗時選項：嘗試通過使用邊距，浮動div甚至表格佈局頁面而沒有絕對定位。如果頁面上的內容不會改變，這並不是必須的，但是無論何時處理動態內容，絕對定位通常都不起作用。