Javascript 当div滚动时，如何调整宽度？

我有一个宽度为400px的div和溢出：自动。当显示滚动条时，是否可以调整div的宽度

参见示例：（上下调整“结果”框的大小）

---

我更喜欢css解决方案。

您可以尝试使用

vw

和

vh

值。更多信息。

您可以使用：

min-width: size;

在容器css上。其中大小为400px+滚动条宽度

请看

编辑 很抱歉，我无法找到如何仅使用css实现此功能。
但检查div是否启用了滚动条，就可以应用minwidth属性，它就可以工作了

并让我知道

在您的情况下，我认为您必须执行hasScrollBar（）测试，不管发生什么情况，例如窗口大小调整或其他情况

---

用于调整事件窗口大小。

使用基于百分比的宽度，该宽度自动适应滚动条。390/400为97.5%，应满足以下要求：

width: 97.5%;

---

这是您的固定小提琴：

在您的演示中，

overflow-y

等于

scroll

，它应该是

auto

。这对我不起作用，它的行为与开始时相同。和

未捕获引用错误：未定义jQuery

。抱歉，我忘记包含jQuery，已修复！还是不为我担心^^我已经在chrome和firefox上测试过了，而且效果很好：很明显，这只是第一次，我还没有在windows调整大小或其他方面包括检查。。如果您尝试调整结果窗口的大小，直到滚动条可见，然后再次单击运行，您将看到效果。.滚动条在

div\container

的范围内呈现。您是否希望

div#container

将其宽度扩展到420px或类似值，以便其滚动条不覆盖包含的固定宽度元素

div.content

？这正是我想要的。如果显示滚动条，则增加

容器

div的宽度，使其不覆盖

内容

。我认为没有任何CSS唯一的解决方案。。。我的最佳选择是在div旁边而不是在其边界内使用Javascript实现自定义滚动条。简单而优雅的解决方案，但它减少了内容的宽度。