如何使div适合滚动隐藏的所有可用宽度？

Question

我以前问过这个问题。Here是一篇原创文章。

我们已经找到了一个解决方案，但我想问一下，有没有可能用另一种方式来解决这个问题？

带有该问题的原始fiddle链接。

谁能解释一下为什么带有display:block;的元素，甚至是带有dipslay:flex;的元素，或者任何其他显示类型(表除外)的元素不能使用隐藏在滚动下的宽度？

这让我有点困惑。

Answer 1

当使用width 100%时，它会想要拉伸到容器的大小，如果你有比空间更多的内容，尝试添加overflow: scroll；它会添加一个滚动条，并试图保持你设置的宽度稳定。

.pane .body {
  width: 100%;
  overflow: scroll;
}