两层div，如何使内层div的内容不换行，超出滚动

今天在遇到了一个问题，需求是两个div平行不换行，宽度超出后实现滚动

解决办法：

---

<!-- 最外层 -->
<div style="width: 100%">
  <div stye="white-space: nowrap; width: fit-content">
    <!-- 内容 ↓ -->
    <div style="display: inline-block;">内容</div>
    <!-- 内容 ↑ -->
  </div>
</div>