Question

我制作了一个可调整大小的div，现在我想要一个滚动条（y轴），当用户调整它太多时。当有足够的空间容纳文本行时，滚动条应该消失。我认为这可以通过overflow-y: auto完成，但它没有。

应该是什么样子 enter image description here

实际上是什么

https://jsfiddle.net/1wk4mevo/4/

正如您所看到的，即使div中的所有内容都有足够的空间，也总会有滚动条。我怎样才能解决这个问题？（代码可以在小提琴中看到）

Answer 1

更改句柄的CSS。如果您将高度从7px降至0px，则滚动条会消失。元素在框内，因此“额外”高度导致滚动条始终显示。

所以，我尝试删除底部：-5px;请参阅下面的新小提琴。

覆盖此CSS有效：

.ui-resizable-s {
    bottom:0px;   
}

并产生您正在寻找的结果。