CSS3在Webkit / Safari中调整大小

Question

我正在尝试使用CSS3的resize来在Safari和Firefox Beta中调整绝对定位的div。无论我做什么，我似乎无法使其工作 - 是否存在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
}