根據其子寬度擴展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％;到外面