CSS, текстовые поля и фреймы - высота% s

Question

В настоящее время у меня есть упаковщик div, у которого есть два дочерних элемента: div left и div right. В оставленном div у меня есть текстовая область; в праве div у меня есть iframe.

Я бы хотела, чтобы у обоих детей был рост 80%. Вот соответствующие теги, которые я использую:

body {
    height: 100%;
}

iframe {
    height: 80%;
}

textarea {
    height: 80%;
}

iframe занимает 80% от всей ширины страницы, как я и ожидал, но текстовая область не доходит до 80% страницы. Я обнаружил, что он достигает 80% высоты div слева, а установка высоты div.left на 100% не заставляет textarea занимать все необходимое пространство.

Есть предложения?

Answer 1

Потому что свойство высоты обычно растет вместе с содержимым. Таким образом, вы можете использовать javascript, чтобы вычислить точную высоту и установить для текстовой области столько пикселей.