使用CSS将<div>的大小调整为小于其当前宽度和高度的维度</div>

Question

我目前有一个div，其css看起来像这样：

.class
{
overflow:auto;
resize: both;
width: 100px;
height: 100px;
}

我希望用户能够调整div的大小，以便生成的宽度和高度可以小于100px。这怎么可能？

编辑：一些背景。我想要这个功能，因为我正在开发一个应用程序，用户可以调整窗口小部件的大小并将此宽度和高度保存到服务器，以便跨会话保存大小。正如当前设置的那样，当用户停止调整大小时，我的代码会动态重置div的width和height属性。如果用户使div更大，它的效果很好。但是，用户无法使div更小。

EDIT2：我正在使用GWT来开发这个应用程序。更具体地说，这个div只是一个AbsolutePanel。

Answer 1

您可能需要查看javascript解决方案（jquery-ui有一些很好的库，如http://jqueryui.com/demos/resizable/），以允许用户调整屏幕元素的大小。

否则，将您的值更改为百分比（而不是像素）并让用户调整其窗口大小以调整元素大小（开玩笑，虽然这在技术上可行）

Answer 2

问题有点模糊，你不能把面板设为LayoutPanel吗？

使用the Style methods的DOM client package获取/设置高度和宽度。具体而言，getHeight()，setHeight()，getWidth()和setWidth()。