調整大小文本區域以及股利 - 但作爲股利調整爲

Question

$("#panel").resizable({ 
     animate: true, 
     ghost: true 
    }); 

您好，我有這樣的javascript代碼（上圖），而這個HTML代碼（下同）規模：

<div id=panel><br><form action="postit.php" method="post" name="post" style = "margin-left:40px;"> 
<textarea required cols="35" rows="5" name="status" style = "max-width: 500px; max-height: 150px; width: 95%; opacity: 1;" class="resizable" id = "statuses"> 
</textarea> 
<br> 
<input type="submit" name="submit" value="Post Status!"/> 
</form></div> 

那麼我必須要做些什麼代碼才能使textarea的大小與div的大小相同呢？

Answer 1

百分比。

<textarea id="textarea" style="width:50%; height:50%;"> 

Watch in Jsfiddle