動態增加基於其子控件的C＃/ Javascript中div標籤的大小

我有一個div標籤，其中有一個autogrow textarea。當我按下任何鍵或在textarea中鍵入內容時，其高度一次增加一行。但這裏的問題是，div標籤的大小是相同的，所以看起來很糟糕，就像textarea從div容器脫落一樣... 所以我希望div標籤也隨着textarea的增加而同時擴展。下面的代碼表示包含div標籤動態增加基於其子控件的C＃/ Javascript中div標籤的大小

<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; 
     }

來源

2012-07-06 Anuj Kaithwas

旁註：你的問題是不是一個好問題的一個例子。請儘量提供HTML和CSS的小片段（5-10行應該足夠用於這個問題）。 – 2012-07-06 04:59:56

加div' height：auto' – Dips 2012-07-06 05:00:10

無樣式DIV的尺寸是由它的內容來定義。所以要麼從DIV中刪除高度樣式，要麼根據textarea的大小動態調整它。

來源

2012-07-06 04:58:28

<div>應該自動展開。我想問題是你正在修復div的高度。比方說......

height:205px;

與

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

工作演示替換它jsFiddle

來源

2012-07-06 05:38:17 Talha

nope，它沒有幫助... – 2012-07-06 06:56:13

@AnujKaithwas刪除'height：auto; '從你的CSS ..然後嘗試 – Talha 2012-07-06 07:03:54

@AnujKaithwas也不要修復'身體'的高度。也設置身體的'最小高度'.. – Talha 2012-07-06 07:13:49

動態增加基於其子控件的C＃/ Javascript中div標籤的大小

回答

相關問題