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>

我建议使用min-height和min-width而不是固定的高度和宽度。还显示：内联块将调整宽度以适应textarea，你总是可以添加一个br标签，以防止其他div到你的包装div旁边

向下拖动时，分隔Textarea内容

1 个答案: