頁面重新調整大小時，CSS wordpress頁腳小部件堆疊

Question

我使用Wordpress，Twenty Eleven兒童主題。

我有一個問題，當我重新調整頁面大小時，所有div移動了。經過堅持不懈，我設法通過在我的body html標記中添加一個包裝來解決這個問題。當頁面重新調整大小時，這停止了所有div的移動。

#site-wrapper{margin: auto; margin: auto; width: 1000px;} 

這在我的頁腳

一跑不過我已經增加了五個部件領域|兩個|三| |四| 5

但是，當頁面重新大小的部件領域棧上的相互

一個

兩個

三

四

五

頂部其他一切正常渲染。 我已經嘗試用{margin：auto;保證金：汽車;寬度：1000px; }，這並沒有工作小部件仍然堆棧 我也嘗試將相對/絕對定位到小部件項目本身，而包裝沒有成功。我認爲它與

float: left; 

關於窗口小部件項目，但我不能看到一個方法呢？希望有人能指引我走向正確的方向！

在此先感謝，我下面的部件條目CSS低於

/* Footer Widget Areas */ 
#supplementary { 
border-top: none; 
width: 80%; 
padding: 1.625em 7.6%; 
overflow: hidden; 
} 

/* Three Footer Widget Areas */ 
#supplementary.two .widget-area { 
float: left; 
margin-right: 2.7%; 
width: 17.78%; 
} 
#supplementary.two .widget-area + .widget-area { 
margin-right: 0; 
} 

/* Three Footer Widget Areas */ 
#supplementary.three .widget-area { 
float: left; 
margin-right: 2.7%; 
width: 22.18%; 
} 
#supplementary.three .widget-area + .widget-area + .widget-area { 
margin-right: 0; 
} 

#supplementary.four .widget-area{ 
float: left; 
margin-right: 3.7%; 
width: 22.18%; 
} 

#supplementary.four .widget-area + .widget-area + .widget-area { 
margin-right: 0; 
} 

#supplementary.five .widget-area{ 
float: left; 
margin-right: 2.9%; 
width: 16.7%; 
} 

#supplementary.five .widget-area + .widget-area + .widget-area + .widget-area + .widget-area+ .widget-area{ 
margin-right: 0; 
} 

Answer 1

這不是一個錯誤。這是由設計。 WordPress 2011是一款responsive主題，旨在讓任何尺寸的設備看起來不錯。較小的設備沒有空間在主要內容旁邊呈現小部件，因此，該主題與大多數其他響應式主題一起，將它們移動到小屏幕上的主要內容之下。

覆蓋此功能看起來非常不直觀。如果你真的不想要一個響應式設計（並且在這個年齡段，你應該想要一個），那麼你應該選擇一個不響應的父主題。

Answer 2

第一件事關我看到了蝙蝠的是，這行代碼

站點包裝{保證金：汽車;保證金：汽車; width：1000px;}

需要是

site-wrapper {margin：0 auto;寬度：1000像素;}

接下來的事情，試圖用整個百分比，瀏覽器不喜歡的部分，而是他們往往圓...嘗試調整寬度爲整數，其總和等於或小於100