當瀏覽器窗口調整大小時防止頁腳內容移動

我已經看過很多線程，並瞭解寬度和顯示標記（最小，最大，塊內聯，內聯塊和表等），但我有一個可怕的試圖用我的頁面頁腳來解決這個問題。當我調整瀏覽器窗口的大小時，頁腳中的所有內容都會崩潰。當瀏覽器窗口調整大小時防止頁腳內容移動

有人可以檢查我的標記，讓我知道我需要添加在我的CSS來解決這個問題，請。

基本上我希望瀏覽器窗口能夠傳遞內容，並且所有內容都被集中修復......當窗口全尺寸時，它的外觀，佈局如何。

謝謝！

編輯;

我看到的兩個問題是，當您更改窗口大小時，頁腳本身正在崩潰，並可能使內容聚集起來。所以，這將是優先考慮的問題，然後調整內容中心。

對於這兩個問題，我真的堅持，真正感謝幫助新手修復這個問題。感謝您檢查我的代碼！

編輯2;

只需修復overflow-x：hidden;爲fix_footer類！ :)

所以，現在我們只需要弄清楚爲什麼當您調整窗口大小時內容會崩潰。任何接受者？ :) :)

編輯3;

@ PeeHaa，easwee，mario，user35443，Starkeen ...請好好休息一下，我不確定如何編輯這個問題，因爲我已經在下面的人的幫助下解決了一些問題。一些人仍然存在，所以不想問另外一個問題。謝謝，感謝！

編輯4;

通過重新組織HTML結構div與類和設置.container爲白色，而不是頁腳本身修復。使用一類容器設置所有主div（即導航，內容和頁腳）允許固定縮放頁腳，因爲它已經在CSS中設置了寬度。

感謝大家的幫助！

我的意思並不是要粗魯，但你可以重新詞組你的問題，林不知道你要求什麼，從網站的外觀，你希望它在中間對齊？ – Pogrindis

嗨，是的，頁腳中的所有內容應該居中對齊，但正如您從CSS中看到的，我還有一些事情正在爲表單，圖標和導航鏈接進行對齊。所以，我希望所有這些都是以塊爲中心，當你改變瀏覽器窗口的大小時，它沒有任何內容會彈性/合攏/聚集......這就是目前發生的情況。希望是有道理的。 –

發佈你到目前爲止，所以不是提供完整的解決方案。 –

在google上搜索媒體查詢，並使用text-align：center或margin將元素居中：0 auto，如果elem浮動，則使用clearfix。

您的頁腳在大約900px處折斷。

例子：

@media屏幕（最大寬度：900px）{ 中心的ELEM }

2015-07-10 22:18:32

剛剛嘗試過，放在.fix_footer中，它沒有工作，一切仍然崩潰。另外，當你縮小屏幕尺寸以及內容崩潰時，頁腳本身也會崩潰......所以如果你改變尺寸然後水平滾動，你會看到頁腳尺寸在變化。我認爲有兩個問題。有任何想法嗎？ :) –

@media screen and（max-width：900px）{center your elem} –

你的元素在頁腳中沒有浮動。使用一些媒體查詢，將工作.... –

回答