Css 如何使多行文本框填充父div

我正在从事一个MVC3项目，CSS从来都不是我的强项，但我有一个页面，上面有五个div：container、左上角、右上角、左下角和右下角

在右下角的div中，它的子对象是一个多行文本框，我需要在右下角添加填充来填充父div#div notes被分配给我需要拉伸的文本框的id属性，父div是#div-container-optional2

有人能帮我理解为什么我不能用文本框填充这个div吗

 #div-container {
     width: fill-available;
     margin: 0 auto;

 }
 #div-content1
 {
     width: 50%;
     float: left;
 }
 #div-content2
 {
     width: 50%;
     float: left;
 }
 #div-container-optional1
 {
     clear: both;
     width: 50%;
     float: left;
 }
 #div-container-optional2
 {
     width: 50%;
     float: left;
     margin-top: 38px;
 }
 #div-submit-button
 {
     clear: both;
     float: left;
     margin-top: 5px;  
 }
 #div-notes {
     width: 200px;
     height: 200px;
     position: relative;
 }

从视图中选择代码：

<div id="div-container-optional2">
  <hr />
  <div class="editor-label">
     @Html.LabelFor(model => model.Notes)
  </div>
  <div id="div-notes" class="editor-field">
     @Html.EditorFor(model => model.Notes)
     @Html.ValidationMessageFor(model => model.Notes)
  </div>
</div>
<div id="div-submit-button">
  <input type="submit" value="Create" />
</div>

@LabelFor（model=>model.Notes）
@EditorFor（model=>model.Notes）
@Html.ValidationMessageFor（model=>model.Notes）

不确定您要问什么，但要让textarea填满父容器，您可以将其宽度和高度设置为100%

<div id="parent">
    <textarea rows="2" cols="20">blah</textarea>    
</div>​​​​​​​​​​​​​​​

#parent {
    border: 1px solid #000;
    width: 200px;
    height: 100px;
    padding: 5px;
}

#parent textarea {
    width: 100%;
    height: 100%;
}

废话
​​​​​​​​​​​​​​​
#母公司{
边框：1px实心#000；
宽度：200px；
高度：100px；
填充物：5px；
}
#父文本区{
宽度：100%；
身高：100%；
}

---

我应该提到，无论我设置的宽度或高度（px或%）是什么值，文本框的大小都保持不变。我试着将两者都设置为100%，但毫无乐趣。你能为你有问题的部分隔离并发布HTML（浏览器中的查看源代码）和CSS吗？我不熟悉asp.net，因此无法使用您提供的HTML，因为它不是真正的HTML。如果隔离没有给你同样的问题，也让我知道。放一些我们可以使用的东西。我在JSFIDLE上用CSS文件保存了一个.html文件，但在保存过程中它没有要求文件名。感谢您的帮助，当我回顾您的示例时，我注意到您的#父文本区域{宽度：100%；高度：100%；我将其翻译为#div notes textarea{宽度：100%；高度：281px；}……谢谢！}很高兴我能帮上忙！将来，当您在JSFIDLE页面上单击Save时，URL会变成类似

http://jsfiddle.net/pVD7j/

pVD7j是唯一的。因此，您可以单击“保存”并复制新的URL以共享！当您修改现有URL时，单击“更新”，它将使其类似于

http://jsfiddle.net/pVD7j/1/或第二次修订的
/2/
，等等。