Jquery ui 将长方体大小调整为零高度

我在这个JSFIDLE中有一个框——我用普通的调整大小句柄设置了这个框

$(function() {
    $('#box').resizable({handles : 'n,e,s,w'});
});

我想让这个盒子变成一条水平线，现在，通过垂直调整它的大小，使它的高度尽可能小，但最小值似乎是13px左右。我尝试过更改调整大小控制柄的偏移量，但似乎没有帮助。有人知道如何将框的大小调整到0的高度，这样我就可以用边框画出2px的线条了吗

谢谢。

您可以定义自定义

$(function() {
    $('#box').resizable({handles : 'n,e,s,w', minHeight: 0});
});