如何将 DIV 的大小调整为小于其初始宽度和高度？答案

【问题标题】：How to resize DIV to less than its initial width & height?如何将 DIV 的大小调整为小于其初始宽度和高度？
【发布时间】：2013-02-27 09:39:54
【问题描述】：

我想让用户能够将 DIV 的大小调整为小于其声明的宽度和高度。怎么做？

HTML

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

CSS

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

【问题讨论】：

【解决方案1】：

看看jQuery UI's Resizable。

【讨论】：

【解决方案2】：

据我所知，浏览器不会让您调整任何小于初始大小的大小。我的解决方法是将初始 CSS 设置为最小的宽度和高度（无论您认为应该是什么，例如 50px 左右）；然后使用 javascript 更改 div onload 的 CSS，使其大小合适。

【讨论】：