这是我的小问题（这里的值只是示例）：
假设我有一个宽度约为500px的窗口。 在我的文档中，我有一个没有指定宽度的外部div，但是下面的css：
.outer{
white-space:nowrap;
background:blue;
}
在这个div里面是另外3个具有以下属性的div：
.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背景？