Html 防止在可滚动div中包装div

我有一个

div

和

溢出：auto

。假设我想在其中放入任意数量的

div

元素，这样就没有换行（额外的元素溢出到隐藏区域，可以滚动到）

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

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

我能在不知道包含元素的总宽度的情况下获得这种效果吗

更新#2

检查更新的小提琴：

---

更新

检查小提琴：

---

---

为子元素指定一个固定的宽度和

空白：nowrap

应该可以解决这个问题。

啊，我明白了——但是我如何才能获得一行中的所有“子”元素呢？这是我的问题，而不是让任意字符串不换行。为子容器指定

display:inline block

，为固定宽度容器指定

white space:nowrap

，就可以了。检查更新的小提琴。太棒了！非常感谢你的帮助。