CSS3在Webkit/Safari中调整大小

Question

我试图使用CSS3的resize在Safari和Firefox Beta中调整绝对定位的div大小。无论我做什么，我似乎都无法使其工作 - resize无法使用的情况？

Answer 1

为了使它在Safari中工作，似乎需要overflow:auto应用于div。

另外，div的显示height和width将作为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 
}