某些元素的寬度超出資源管理器窗口

首先，來看看這個page

這是建立在一個響應式設計，所以當你使窗口較小，一切都適合窗口。除此之外，右邊的標籤好像是超過了的窗口大小。此外，如果您比較頂部導航欄的填充，則左側和右側的填充量應保持不變。

我正在使用firefox和chrome同時調試此問題。管轄頂欄的CSS是

.fixed_pos { 
    position: fixed; 
    width: 85%; 
}

和application.css

body { 
    padding-right: 100px; 
    padding-left: 100px; 
    min-height: 100%; 
}

寬度設置爲85％，對身體的填充，因爲當我將它設置爲100％，資產淨值酒吧也超過窗口大小（即使我擺脫了所有的身體填充）。我希望導航欄和標籤能很好地適應窗口，而不是超過窗口寬度，但我似乎無法使它工作。

我欣賞這方面的任何幫助。

2012-12-27 Maximus S

如果你真的看所有的元素，沒有中心。您的左右元素邊距和寬度計算已遍佈整個地方。您是否使用特定的響應式CSS方法？它本身不像Bootstrap。但它看起來像你可能正在使用一個網格，也許960什麼的？如果你還沒有看到它，請嘗試http://www.initializr.com/ –

另外，如果你真的想做響應和現代的佈局，不要使用'表'佈局。這只是一個給定的。 –

@JaredFarrish，我正在使用Bootstrap，可能不夠正確。如果可能，你能和我聊幾分鐘嗎？ –

你在body上定義了padding（100px），然後你在fixed_pos上定義了一個寬度爲100％的固定位置。所以你的div有100％的窗口大小，從位置（100,0）開始。這就是爲什麼它超過了窗口。

如果要定義其餘的寬度的100％，你必須聲明你的位置屬性留在流動，像這樣的例子：

.fixed_pos { 
    position: static; // or nothing, or relative 
    width: 85%; 
}

2012-12-27 09:19:26 JuSchz

但我設置了固定位置以使頂級導航欄始終保持在窗口頂部。替換它與靜態或相對不是我的選擇。 –

回答