Question

让我们说在我网页的<body>内，我所拥有的只是<textarea>元素。

此<textarea>应与浏览器窗口一样宽和高（减去<body>所具有的任何填充或边距，或每个浏览器的任何默认计算样式）。

我可以通过设置display:block;width:100%使其与窗口一样宽，但当我包含height:100%时，它不会延伸到窗口的高度（请参阅http://jsfiddle.net/4MBAs/）。< / p>

如何将高度拉伸到浏览器的底部 - 而不必使用JavaScript？

Answer 1

您必须在height:100%;和body上设置html。

尝试这样：

body, html {
  height: 100%;
}

textarea {
  height: 100%;
  width: 100%;
}

Answer 2

这是另一种选择：

textarea {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

但这并不能保留身体填充物。