Изменение размера 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
}