html - CSS:通过仅更改文本区域的高度来调整多个表单元素的总高度以适应浏览器窗口

Question

这里显示了我想要实现的目标:

这里，在增加浏览器窗口的高度之后:

容器(在红色边框中)占据浏览器窗口高度的固定百分比。表单元素也应占据容器的固定百分比，但只能通过更改“内容”文本区域的高度来实现。

这可能吗？

Answer 1

有可能，设置Content textarea height为此(下一段是伪代码):

Content.height = #Main_Textarea.height - #SaveButton.offsetHeight - #Title.offsetHeight - ...

(其余元素在 textarea great div 中)，使用 offsetHeight。据我了解，textarea div 的高度可调整大小，因此内容的高度正在改变。

你可以让它 doc.getElemById("Textarea").addEvListener("resize", function() { #Content.height = #Main_Textarea.height - #SaveButton.offsetHeight - #Title.offsetHeight - ... } );

希望一切顺利