停止浮動的DIV不知道包含div的寬度

Question

我有以下幾點：

http://jsfiddle.net/4HQgj/

因此，大部分東西一邊在那裏，我期待，裏面#wrapper指定，有許多列。在每一列中，我都有氣泡，還有子氣泡（或者氣泡）。每欄目前爲float:left;。我遇到的問題是，當我將它調整得太細時，這些列會自動換行。我正在尋找的是#wrapper div檢測它並添加滾動條而不是包裝列。

我已經看到設置寬度爲#wrapper是可能的，但我不想這樣做，因爲它會強制滾動條，當我不需要它時。此外，列可以是不同的寬度，我希望包裝只有在所有列都不能完全可見時才能滾動。

我該如何解決這個問題？

Answer 1

DEMO

var wWidth = 0; 
$(".column").each(function(){ 
    /* Get the width of the columns including their margins */ 
    wWidth += $(this).outerWidth(true); 
}); 
/* Set the wrapper's width to this value */ 
$("#wrapper").width(wWidth); 

Answer 2

您可以設置min-width以防止#wrapper變得小於特定寬度，此時將引入滾動條。這將允許您的佈局流動以容納更多內容，直到瀏覽器窗口縮小到特定大小。

More information on min-width