Использование CSS для изменения размера <div>до размера, меньшего, чем его текущая ширина и высота

Question

У меня сейчас есть div, чья css выглядит так:

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

Я хочу, чтобы пользователь мог изменить размер div, чтобы получаемые ширина и высота могли быть меньше 100 пикселей. Как это возможно?

РЕДАКТИРОВАТЬ: некоторый контекст. Я хочу эту функцию, потому что я разрабатываю приложение, в котором пользователь может изменить размер виджета и сохранить эту ширину и высоту на сервере, чтобы размер сохранялся между сеансами. Как это в настоящее время настроено, когда пользователь прекращает изменение размера, мой код динамически сбрасывает свойства ширины и высоты div. Это прекрасно работает, если пользователь делает div больше. Тем не менее, пользователь не может сделать div меньше.

EDIT2: я использую GWT для разработки этого приложения. Более конкретно, этот div - просто AbsolutePanel.

Answer 1

Вопрос немного расплывчат, разве вы не можете просто сделать панель LayoutPanel ?

Получить / установить высоту и ширину с помощью Стиль методы клиентского пакета DOM .В частности, getHeight () , setHeight () , getWidth () и setWidth () .

Answer 2

Возможно, вам придется взглянуть на решение javascript (jquery-ui имеет несколько хороших библиотек, таких как http://jqueryui.com/demos/resizable/), чтобы позволить пользователю изменять размеры элементов экрана.

В противном случае измените значения на проценты (вместо пикселей) и позволить пользователю изменить размер своего окна, чтобы изменить размер элемента (шутка, хотя это будет работать, технически)