停止浮动的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