我的textarea不能伸展100％的高度

好吧，所以我使用Jquery-ui可調整大小，因此用戶可以控制它。
我遇到的問題是在下半部分有一個textarea沒有擴大到100％的高度。
最終，textarea將由codemirror庫控制。
在我的小提琴中，我沒有包含代碼鏡像的任何東西，以保持簡單。
我認爲表單標記與它有關，因爲它是一個塊元素。我的textarea不能伸展100％的高度

<form> 
    <div class="wrapper"> 
     <div id='ilo'> 
      <div id='iloWrapper'></div> 
      <div id='handle' class="ui-resizable-handle ui-resizable-s"></div> 
     </div> 
     <div id="editor"> 
      <div class="edit-tool-bar"></div> 
      <div class="editor-window"> 
       <textarea id="tArea"></textarea> 
      </div> 
     </div> 
    </div> 
</form>

jsfiddle

[更新]
這是基於從audre7回答了新的小提琴。
正如你所看到的，textarea是100％，但它正在擴展到頁面底部。
我想要的是2個部分一個頂部和一個底部。
底部有2個項目，頂部項目不會滾動，但會粘到底部的頂部。
textarea將佔用底部區域的其餘部分，並且它可以垂直滾動。

來源

2014-01-09 The_asMan

你必須把textarea的容器放在一個絕對的位置，並且它看起來可以按你的需要工作。

.editor-window{ 
position:absolute; 
}

來源

2014-01-09 18:22:29 audre7

是的，這是我想要的。但是有一個問題是，滾動條的底部箭頭（向下的那個）被切斷。它看起來像是由於使用「編輯工具欄」將div壓下的div而導致的。 –

只是一個簡單的參考，你可以刪除/更改我現有的任何現有的CSS，因爲其中大部分是我玩弄它來實現它的工作。 –

我真的不明白這個問題......但如果它的寬度問題，你可以使用'box-sizing：border-box'[你的修改]（http://jsfiddle.net/audre7/PBs6W/5 /） – audre7

我的textarea不能伸展100％的高度

回答

相關問題