html - 如何制作一个 div 以适应滚动隐藏的所有可用宽度？

Question

我以前问过这个问题。 Here为原创帖。
我们找到了解决方案，但我想问一下是否有机会以其他方式解决这个问题？

原创 fiddle链接到那个问题。

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

这让我有点困惑。

Answer 1

当使用宽度 100% 时，它会想要拉伸(stretch)到其容器的大小，如果您的内容多于空间，请尝试添加 overflow: scroll;它将添加一个滚动条并尝试保持您设置的宽度稳定。

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