CSS3 Изменение размера в Webkit / Safari

Question

Я пытаюсь использовать CSS3 resize, чтобы сделать абсолютно позиционированный div с изменяемым размером в Safari и Firefox Beta. Неважно, что я делаю, я не могу заставить его работать - есть ситуации, которые resize нельзя использовать?

Answer 1

Для того, чтобы он работал в Safari, кажется, нужно overflow:auto применить к div.

Кроме того, отображение height и width div будет действовать как min-height и min-width.

Это работало только для меня в Safari, а не в Firefox 3.5.

<div id="box"> Nice box </div>

CSS:

#box {
   /* important */
   resize: both;
   overflow: auto;

   /* Styling */
   background: red;
   position: absolute; /* per the question */
   top: 50px;
   left: 50px;
   width: 300px
}