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 
}