我正在从事一个 MVC 3 元素,CSS 从来都不是我的强项,但我有一个页面,其中包含五个 div 的位置:容器、左上角、右上角、左下角和右下角。
在右下角的 div 中,它的 child 是一个多行文本框,我需要填充父 div,在右侧和底部添加填充。 #div-notes 赋值给我需要拉伸(stretch)的文本框的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;
}
代码形式的 View :
<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>
最佳答案
不确定你在问什么,但要使 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%;
}
关于css - 如何使多行文本框填充父div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11094530/