防止在可滚动div内包装div

Question

我有div overflow: auto。假设我想在其中放置任意数量的div元素，使得没有换行（附加元素溢出到隐藏区域并且可以滚动到）。

如果我知道所有这些元素会有多宽，我可以这样做：

<div class="scrollable">
    <div class="fixed-width-container">
        <!-- elements float left or display inline-block -->
    </div>
</div>

我可以在不知道所包含元素的总宽度的情况下获得此效果吗？

Answer 1

更新＃2

检查更新的小提琴：http://jsfiddle.net/cyCY3/2/

---

<强>更新

检查小提琴：http://jsfiddle.net/cyCY3/

---

为子元素指定固定宽度和white-space: nowrap应该可以解决问题。