包裝在瀏覽器上的DIV調整大小

所以基本上我設計的網站在容器div內有3個div。一個漂浮在左邊。兩個在右上方，另一個在下方。當瀏覽器最大化時，它們工作正常。問題是，當瀏覽器被調整大小時，即使我已經設置了最小寬度，右側div也包含在左側div下面。我想讓div保持原有位置，並且需要滾動條才能顯示。我確實嘗試了溢出，沒有運氣。任何解決方案包裝在瀏覽器上的DIV調整大小

PS-最初我也爲內部div添加了最小寬度。他們似乎沒有解決問題，所以我把它們刪除了。解決方案或向正確的方向微調將非常感激。

下面是對的jsfiddle鏈接 - http://jsfiddle.net/R62w4/3/

謝謝你，馬修。雖然這樣可以解決包裝問題，但我的網站右側有一排細小的像素。任何想法如何刪除它？它從標題繼續到頁腳。它不受與標題或導航欄或頁腳有關的CSS元素的任何更改的影響。

好的，我找到了右側額外空間的原因。如果我增加外部股利的利潤率，空間會增加。有沒有辦法在沒有空間的情況下增加利潤率？

來源

2012-01-17 Karthik Balakrishnan

試圖把三個div放在一個最小寬度的包裝中？如果這不起作用，請嘗試使用最小寬度和空白的包裝：nowrap。 – MetalFrog 2012-01-17 19:25:22

你也許能包住他們在這：

<div style="white-space:nowrap;"> 

</div>

...以防止這種情況發生。

很難確切地知道問題出在哪裏，你可以發佈一些代碼或做一個JSFiddle？

更新：

我相信問題是，你使用的是基於％寬度和PX的利潤 - 這很容易失去對你是多麼的可用空間有軌道，隨後佈局分崩離析。考慮到兩個左邊浮動的50％寬度和1px邊距的浮動DIV每次都會突破兩行，因爲這超過了100％。

我改變了你撥弄了一下：http://jsfiddle.net/R62w4/5/

...只是從你的另外兩個父容器移動從你的第一個DIV和右邊距左邊距似乎給了足夠的空間，一切。

P.S.你可以使用基於％的利潤率，只是確保你想要在一條線上的所有東西保持< = 100％。

來源

2012-01-17 21:28:07 Matthew

@MetalFrog剛剛注意到你的評論有可能的解決方案。爲什麼不把你的答案變成答案，我會刪除我的。 – Matthew 2012-01-17 22:19:19

這裏是jsFiddle的鏈接 - http://jsfiddle.net/R62w4/3/ – 2012-01-18 04:55:04

你有沒有得到我的更新？ – Matthew 2012-01-19 21:18:39

simpl css framework向您展示瞭如何使用基於像素的邊距進行基於百分比的列，這是您想要的。

來源

2012-01-19 00:48:11

包裝在瀏覽器上的DIV調整大小

回答

相關問題