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 
}