html - 为什么溢出:auto scrollbar take width out of my div?

Question

我有一个绝对定位的div，带有overflow:auto。

垂直溢出时，出现垂直滚动条。这出现在我的 div 中(即使它不是固定宽度)，它缩小了 div 内容的可用空间。在我的例子中，它会导致文本不必要地换行，这是不可取的。

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

有没有办法让滚动条出现在div的外面，或者增加div的宽度来容纳滚动条？

请注意，对于我的应用程序(fiddle 已大大简化)，给 div 一个固定宽度不是一个选项，禁用文本换行也不是一个选项。

Answer 1

尝试添加:

div {
white-space: nowrap;
}

或者将内部元素包裹在<p>中标记并应用 white-space: nowrap;对此。