我怎樣才能讓div拉伸以適應textarea的高度？

我有以下幾點：我怎樣才能讓div拉伸以適應textarea的高度？

 <div id="tab-notes" class="clearfix"> 
       <textarea cols=100 rows=15 class="full-width" id="dialogNotes" name="Pages">@Model.Notes</textarea> 
     </div>

我添加了一個clearfix類，但它似乎DIV不拉伸，以適應textarea的高度。有什麼簡單的，我失蹤？

.clearfix:after, .block-controls:after, .side-tabs:after { 
    clear: both; 
    content: " "; 
    display: block; 
    font-size: 0; 
    height: 0; 
    line-height: 0; 
    visibility: hidden; 
    width: 0; 
}

來源

2012-05-20 Samantha J T Star

請同時發佈該片段的_all_相關的CSS。 – oezi

你有沒有手動設置div的高度？ – Shreedhar

除了clearfix以外，沒有任何CSS。我會張貼。 –

施加float: left或float: right你的textarea的？

如果是這樣，請從textarea中刪除float屬性。

但是，如果您必須使用該屬性，解決問題的最簡單方法是也將float:也應用於您的div。

或者你可以改變你的div的顯示類型使用display: block

還有更多的解決這個問題的方式來阻止。
但我認爲這些是最簡單的。

來源

2012-05-20 09:36:22

給你一個#tab-notes你background-color會發現它確實拉伸高（如它應該）的文字區域，如果真的有不影響這些元素的任何其他CSS規則。

，你可以看到它在這裏的行動：http://jsfiddle.net/Mqke4/

的clearsfix似乎只是給這個片段是毫無意義的，並不會改變任何東西（http://jsfiddle.net/Mqke4/1/）。鑑於此，必須爲導致此問題的.full-width,#tab-notes,#dialogNotes（或類似的東西）定義樣式。

來源

2012-05-20 09:36:48 oezi

我怎樣才能讓div拉伸以適應textarea的高度？

回答

相關問題