1

我有一个 div 标签，其中有一个 autogrow textarea。当我在文本区域中按任意键或键入内容时，它的高度一次增加一行。但是这里的问题是 div 标签的大小是一样的，所以看起来太糟糕了，就像 textarea 从 div 容器中掉出来一样......所以我希望 div 标签也随着 textarea 的增加而同时扩展。下面的代码表示包含在 div 标签中的 textarea 的代码

<body bgcolor="#CCC" style="height: 460px">
<form id="form1" runat="server" method="post">
<div  id="expandable_div" style="background-color: #000000" >
    <textarea id="Text1"  rows = "8" runat="server" cols="30" onkeyup="AutoGrowTextArea(this)"   name="S1"> </textarea>
</div>
</form>

在样式表中，我尝试放置：

 div#expandable_div
        {
            min-height:205px;
            height:auto;
        }
4

2 回答 2

1

<div>应该会自动展开。我想问题是你正在修复div. 比方说...

 height:205px;

将其替换为

min-height:205px;
min-width:300px;

jsFiddle上的工作演示

于 2012-07-06T05:38:17.670 回答
0

无样式 DIV 的大小由其内容定义。所以要么从 DIV 中删除高度样式，要么根据 textarea 的大小动态调整它。

于 2012-07-06T04:58:28.043 回答