CSS: адаптация общей высоты нескольких элементов формы к окну браузера путем изменения только высоты текстовой области

Question

То, что я пытаюсь достичь, показано здесь:

и здесь, после увеличения высоты окна браузера:

Контейнер (в красной рамке) занимает фиксированный процент высоты окна браузера.Элементы формы также должны занимать фиксированный процент от контейнера, но только путем изменения высоты текстовой области «Содержимое».

Возможно ли это?

Answer 1

Возможно, установив для этого значение высоты текстовой области контента (следующий фрагмент - псевдокод):

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

(остальные ваши элементы в textarea great div), используя offsetHeight .Насколько я понимаю, div textarea имеет изменяемую высоту, поэтому высота содержимого меняется.

Вы можете сделать это doc.getElemById ("Textarea"). AddEvListener ("resize", function () {#Content.height = # Main_Textarea.height - # SaveButton.offsetHeight - # Title.offsetHeight - ...});

Надеюсь, все в порядке