Div正在走出父div

我目前正在一個網頁上工作。Div正在走出父div

基本上它是兩個部分。主要部分佔據了右側邊欄中沒有的所有屏幕。側邊欄固定並設置爲250px寬。主要部分設置爲100％寬度，右邊距爲250px。

現在我放下幾個測試塊，看它如何看，它們是300px x 300px。正如您所看到的，頂行的最後一個塊位於側欄後面。我怎樣才能讓它進入下一行，而不是在側邊欄後面？

在此先感謝。

Preview of the page at the moment

來源

2013-02-09 Caius Newton-Smart

給我們解決的代碼。 – Kits 2013-02-09 11:53:19

請提供CSS代碼或小提琴讓我們通過它們 – asifsid88 2013-02-09 11:53:59

也許原因是寬度：100％的主要部分？

.main { 
     width: auto; 
     margin-left: 250px; 
}

來源

2013-02-09 12:13:33

這項工作，除了它是保證金的權利。 – 2013-02-09 12:28:37

＃內容{ \t width：auto; \t position：absolute; \t top：0px; \t left：0px; \t margin-right：250px; \t background-color：＃000; \t最小高度：100％; } #sidebar { \t background-color：＃333; \t職位：固定; \t top：0px; \t right：0px; \t width：250px; \t最小高度：100％; } 是工作的代碼，如果有人想知道 – 2013-02-09 12:29:05

從你的屏幕截圖的理解，我認爲你應該添加「位置」的標籤，以確定div的優先級，我建議你在嵌套div標籤使用％，而非像素。

來源

2013-02-09 11:57:41 Sakthivel

該塊未包裝的原因是因爲它忽略了保證金權利。

沒有CSS就很難給出一個確切的解決方案，但我會建議一個簡單的解決方案是將右側欄和主div左側浮動。然後你必須刪除主div上的邊距。

這將允許您保持固定像素大小，儘管在大多數原因中使用百分比更合適。我希望有所幫助。

來源

2013-02-09 12:01:02 Martyn0627

Div正在走出父div

回答

相關問題