如何使用CSS计算与现有显示分辨率相关的HTML DIV元素的高度？

Question

我有一个html div元素，现在我想计算与现有显示分辨率相关的高度。如何动态设置css代码的高度？这样的事情，但更灵活：

 <div style="height:700px;overflow-x:hidden;overflow-y:auto;">

div muste默认使用这种css样式：

 position: fixed; top: 35px; 

Answer 1

如果您希望div扩展页面底部，请将其bottom:0;。 如果您还希望它向左和向右延伸，那么它position:fixed; left:0;也可以right:0;和{{1}}。

JSFiddle

Answer 2

我不明白你的问题，但我认为它可能是这样的：

div {
    position: fixed;
    width: calc(100% - 70px);
    height: calc(100% - 70px);
    top: 35px;
    left :35px;
}

Answer 3

很抱歉，我无法理解这个问题，但是如果你想获得屏幕分辨率，你必须用js来做，

 <script type="text/javascript">
    document.write(screen.width+'x'+screen.height);
 </script>

然后用计算出的高度动态设置样式，

 getElementById('DIV_ID').style.height=COMPUTED_HEIGHT;