当前我解决以下问题的方法是使用JavaScript计算和调整额外空间。有更好的（CSS/HTML）'ish方式吗？
i计算二手空间并减去可用空间。然后将控件的高度更改为该值。效果很好，但是有CSS解决方案吗？
这是更好地说明的：http：//jsfiddle.net/sdh38gxe/4/
<body>
<div id="mainDiv">
<div id="divForHeight">
<h1>Some title</h1>
<input type="text" placeholder="Some contols" />
<textarea>I want to expand this to have the maximum verticle space without introducing scrollbars</textarea>
<input type="text" placeholder="Some more contols" />
<button type="button">Save</button>
</div>
</div>
</body>
我意识到我想要的答案并不像这样简单，但是我正在寻找的是某些CSS，例如height: consumeMaximumAvailableSpace;，或者如果我将Divs用作表格？
取决于您需要支持的浏览器，您可以使用称为Flex Box的CSS布局功能。这种布局可以根据可用的垂直和水平空间而增长或缩小，并且可以根据您指定的规则中包含的项目来转移。您可以在此处查看有关Flex Box的更多信息：https：//css-tricks.com/snippets/css/a-guide-to-flexbox/
不是我所知道的。之所以出现，是因为车身百分比宽度基于浏览器窗口，但高度基于文档尺寸，可能比浏览器窗口少或更高。
唯一的分辨率是您采用的方法，即使用JS。