CSS3 Webkit/Safari에서 크기 조절

Question

CSS3의 resize을 사용하여 Safari 및 Firefox Beta에서 절대적으로 위치가 조정 된 div를 크기 조정할 수 있습니다. 내가 뭘해도 상관 없어요. resize을 사용할 수없는 상황이 있습니까?

Answer 1

Safari에서 작동하려면 overflow:auto이 div에 적용되어야합니다.

또한 div 표시 height와 widthmin-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 
}