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