Div遮罩Textarea內容拖動時

Question

我在div內有一個Textarea框。但是當我拖動textarea並將其推下時。 Div開始屏蔽所有內容。有什麼方法可以在用戶嘗試拖動textarea時展開div的高度。我可以做到這一點在CSS或我需要JavaScript或jQuery？

<div style="height:400px; width:200px; background:yellow; overflow:hidden"> 
    <textarea style="widht:150; height:200px;"></textarea>  
</div> 

http://jsfiddle.net/y9hy9/

Answer 1

http://jsfiddle.net/DEgEw/1/

<div style="min-height:400px; min-width:200px; background:yellow; width: auto; display: inline-block; overflow:hidden"> 
    <textarea style="widht:150; height:200px;"></textarea>  
</div> 

我建議使用最小高度和最小寬度，而不是固定的高度和寬度。同時顯示：內嵌塊將調整寬度以適應textarea，並且您可以隨時添加br標記以防止其他div離開您的包裝div