與絕對定位

頁置頂頁腳你們有些人可能知道我從這個問題：Sticky Footer (not sticking!)與絕對定位

感謝安德烈·伊里奇的指出，爲什麼我的頁腳沒有堅持到頁面底部的 - 因爲我的網站使用絕對定位在整個。

所以，我嘗試使用浮動等，以便我的元素留在文檔流中，以便頁腳知道去哪裏，但是我根本無法做到 - 由於我需要的正確性，我只是無法放棄絕對定位！

所以 - 任何人都可以幫助我找到一種方法，讓底部粘到底部（我提到我也有一些動態內容？），並保持我的定位，或保持我的簡單方法文檔流中的元素，但具有絕對定位的精度。

這是我的網站：http://mc-airlines.hostei.com/

我會發布我的源代碼，但它的長，幾乎無關緊要的問題，所以如果可能的話，你可以只使用瀏覽器的查看源代碼的功能。

在此先感謝！

新手編碼器不知道該怎麼辦。

來源

2012-03-08 mlazim14

強烈建議您查看絕對位置。沒有它們，你的頁面設計就會順利進行。 – 2012-03-08 16:15:12

這將使其工作：

#container { 
    min-height: 100%; /* ERASE THIS*/ 
} 

.clearfooter{ 
/*ADD THIS*/ 
position: fixed; 
bottom: 0; 
z-index: 9999; 
/*ERASE THIS*/ 
clear:both; 
}

我會強烈建議你重新寫你的CSS。一切都是絕對的立場，這是相當混亂。

順便說一句，這是不propieties：

position: float; 
float: bottom;

position花費>absolute/fixed/static/relative。

float以>left/right/none。

更多here和here。

來源

2012-03-08 16:11:51 Maroshii

感謝您的有用答覆 - 但是，我希望頁腳粘貼到頁面的底部，而不是瀏覽器窗口。哦，哎呀 - 我知道它們不是屬性 - 忘了把它們從我的代碼中拿出來！ – mlazim14 2012-03-10 14:31:18

這是粘腳的兩個非常好的選擇。第二個環節通常我去到：

讓我知道你是否需要實施幫助。我希望這有幫助。

來源

2012-03-08 16:15:07 Hristo

感謝您的答覆 - 但是我已經嘗試過兩種技術，都沒有工作 - 就像我在第一篇文章中所說的，我想這是關於我的網站如何在整個過程中使用絕對定位，並且因爲幾乎沒有任何東西在文件流，頁腳不知道去哪裏... – mlazim14 2012-03-10 14:34:29

對...這就是爲什麼你必須改變你的造型，並重新使用這些技術 – Hristo 2012-03-10 18:12:33

回答

相關問題