Высота текста: 100% - программирование

Это может показаться глупым, но я не могу найти способ сделать высоту текстовой области равной 100%. Он работает для ширины, но не для высоты.

Я хочу, чтобы область текста изменялась в зависимости от размера окна... как это работает в моей скрипке для ширины...

Ответы

Ответ 1

Высота элемента относительно его родителя. Таким образом, если вы хотите развернуть свой элемент на всю высоту окна просмотра, вам нужно применить свой CSS к html и body (родительские элементы):

html, body {
    height: 100%;
}

#textbox {
    width: 100%;
    height: 100%;
}

Альтернативное решение с CSS3. Если вы можете использовать CSS3, вы можете использовать единицы измерения видовых экранов и напрямую масштабировать свои textbox до 100% высоты (и 100% ширины) окна просмотра (здесь jsfiddle)

body {
    margin: 0;
}
#textbox {
    width: 100vw;
    height: 100vh;
}

Ответ 2

Вы можете сделать это:

#textbox {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}