根据其子宽度扩展div的宽度

Question

这里是我的小问题（值仅仅是这里为例）：

可以说我有一个宽度大约500px的窗口。 在我的文档，我有没有指定宽度的外层div，但下面的CSS：

.outer{ 
    white-space:nowrap; 
    background:blue; 
} 

此DIV 3个具有以下属性其他分区：

.t1{ 
    display:inline-block; 
    width:400px; 
} 

（注意。的400px宽度这就是问题的所在，该行是大于窗口宽，和外层的div不延伸 的HTML看起来像这样：

<div class="outer"> 
    <div class="t1">1</div> 
    <div class="t1">2</div> 
    <div class="t1">3</div> 
</div> 

我想要实现的是让3个内部div具有蓝色背景，而不是将其设置为t1类。这个例子会产生一个限制窗口宽度的蓝色背景。

这里查看完整的例子：http://jsfiddle.net/sjCTR/（你必须去适应左下角，如果你的屏幕到大）

我想知道如果不知何故，可以直通只有CSS/HTML来实现，无需设置外部div宽度/内部div背景？

Answer 1

添加float: left或display: inline-block到.outer。

Answer 2

add overflow：hidden;宽度：100％;到外面