这里是我的小问题（值只是在这里的例子）：
假设我有一个宽度约为500 px的窗口。在我的文档中，我有一个没有指定宽度的外部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背景？