0

私は MVC 3 プロジェクトに取り組んでおり、CSS は私の長所ではありませんでしたが、コンテナ、左上、右上、左下、右下の 5 つの div が配置されたページがあります。

右下の 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>
4

1 に答える 1

1

何を求めているのかわかりませんが、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%;
}

デモ

于 2012-06-19T04:52:22.293 に答える