Webkit/Safari での CSS3 サイズ変更

Question

CSS3を使用しようとしています resize Safari および Firefox ベータ版で絶対位置の div をサイズ変更可能にします。何をやってもうまくいかないようですが、状況はありますか? resize 使えないの？

Answer 1

Safariで動作させるには、次のことが必要なようです overflow:auto ディビジョンに適用されます。

さらに、ディスプレイは、 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
}