html - 我的文本区域未拉伸(stretch) 100% 高度

Question

好的，我正在使用可调整大小的 Jquery-ui，因此用户可以控制它。
我遇到的问题是在下半部分有一个没有扩展到 100% 高度的文本区域。
最终，textarea 将由 codemirror 库控制。
在我的 fiddle 中，为了简单起见，我没有在代码镜像中包含任何内容。
我认为 form 标签与它有关，因为它是 block 元素。

<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 的答案的新 fiddle 。
如您所见，文本区域是 100%，但它正在扩展到页面底部。
我想要的只是 2 个部分，一个顶部和一个底部。
底部将有 2 个元素，顶部元素不会滚动，但会粘在该底部的顶部。
文本区域将占据底部剩余的空间，并且可以垂直滚动。

Answer 1

你必须把 textarea 的容器放在一个绝对的位置，它看起来就像你想要的那样工作。

.editor-window{
 position:absolute;   
}