如何强制容器元素包含水平内容？

Question

以下是我正在尝试使用的示例：http://jsfiddle.net/U2YkF/3/

当#container延伸到屏幕右侧时，我需要#right展开以适应#right。我已经尝试过，Clearfix似乎不是答案：它只会影响垂直内容。

Answer 1

试试这个

#container {
    outline: 1px solid red;
    min-width: 100%;
    height: 50px;
    display:inline-block;
}

Answer 2

我能用几行JQuery实现你所需要的东西：

x1=$("#right").width();
x2=$("#left").width();

$("#container").width(x1+x2);

Answer 3

最简单的方法是将float: left添加到#container。

http://jsfiddle.net/U2YkF/6/