为什么溢出：自动滚动条从我的div中取出宽度？

Question

我的div位置绝对overflow:auto。

当它垂直溢出时，会出现一个垂直滚动条。这出现在我的div内（即使它不是固定的宽度），这会缩小div内容的可用空间。在我的情况下，它会导致文本不必要地换行，这是不可取的。

请参阅https://jsfiddle.net/hktgcrj0/ - 缩小页面直到div溢出并出现滚动条 - 您将看到文本换行。

有没有办法让滚动条显示在div的外，或者增加div的宽度以容纳滚动条？

请注意，对于我的应用程序（小提琴大量简化），给div一个固定的宽度不是一个选项，禁用文本换行也不是一个选项。

Answer 1

尝试添加：

div { white-space: nowrap; }

或将内部元素包装在<p>标记中并将white-space: nowrap;应用于该标记。