javascript - 向下拖动时 Div mask Textarea 内容

Question

我在 div 中有一个 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>

我建议使用 min-height 和 min-width 而不是固定的高度和宽度。同时显示:inline-block 将调整宽度以适应文本区域，您始终可以添加一个 br 标签以防止其他 div 位于您的包装 div 旁边