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

Question

我有width: 400px;和overflow: auto的div。显示滚动条时是否可以调整div的宽度？

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

我更喜欢css解决方案。

Answer 1

您可以使用：

min-width: size;

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

查看 demo 。

修改

我无法找到如何使用css，抱歉。抱歉 但是检查你的div是否启用了滚动条，你可以应用min-width属性并且它可以工作。

Test here 并告诉我们。

在你的情况下，我认为你必须进行hasScrollBar（）测试，无论如何发生某些事情，比如窗口调整大小或其他东西。

This example适用于事件窗口调整大小。

Answer 2

使用基于百分比的宽度，自动适应滚动条。 390/400是97.5％，这应该做：

width: 97.5%;

这是你固定的小提琴：http://jsfiddle.net/yzngV/7/

Answer 3

您可以尝试使用vw和vh值。更多信息here。