如何將DIV調整到小於其初始寬度和高度？

Question

我想讓用戶能夠將DIV的大小調整為小於其聲明的寬度和高度。 如何 ？

代碼在這里： http ： //jsfiddle.net/hW4nn/

HTML

<div class="divClass"></div>

CSS

.divClass {
    resize: both;
    overflow: auto;
    width: 200px;
    height: 200px;
    border: 1px dotted #000;
}

Answer 1

看看jQuery UI的Resizable 。

Answer 2

據我所知，瀏覽器不會讓你調整任何小於初始大小。 我的解決方法是將初始CSS設置為最小寬度和高度（無論你認為應該是什么，例如50px左右）; 然后使用javascript更改div onload的CSS，使其大小合適。

另請參閱HTML5僅調整大小大於原始大小的項目，而不是更小 。