Высота текстового поля: 100%


вот моя скрипка:http://jsfiddle.net/e6kCH/15/

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

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

какие идеи?

1   51   2012-06-18 23:16:47

1 ответ:

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

html, body {
    height: 100%;
}

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

альтернативное решение с CSS3: если вы можете использовать CSS3, вы можете использовать процентные единицы просмотра и непосредственно масштабировать текстовое поле до 100% высоты (и 100% ширины) видового экрана (jsfiddle здесь)

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