Question

好吧我正在使用Jquery-ui可调整大小，因此用户可以控制它我遇到的问题是在下半部分有一个textarea没有扩展到100％的高度最终，textarea将由codemirror库控制在我的小提琴中，我没有用代码镜包含任何东西，以保持简单我认为表单标签与它有关，因为它是一个块元素。

<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

[UPDATE]
根据audre7的回答，这是一个新的小提琴正如您所看到的，textarea是100％，但它正在扩展到页面底部我想要的只是2个部分，一个顶部，一个底部底部有2个项目，顶部项目不会滚动，但粘在底部的顶部 textarea将占据底部的其余部分，它将能够垂直滚动。

Answer 1

你必须将textarea的容器放在绝对位置，它似乎可以按你的意愿工作。

.editor-window{
 position:absolute;   
}

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

1 个答案: