动态改变div的高度

Question

  

可能重复：
  Height of a div

你好，

我有一个DIV，我希望高度基于浏览器的可视区域 - 100px。有没有办法可以实现这一点，以便首先正确设置DIV高度，然后在用户进入并调整浏览器大小时进行调整。我想这会涉及到javascript。

谢谢，

Answer 1

仅CSS解决方案：

.foo {
    position: absolute;
    left: 50px;
    top: 50px;
    right: 50px;
    bottom: 50px;
    background-color: lime;
}

Demo here

Answer 2

网上有Change DIV height/width with body width/height using jQuery

的帖子

<script language=”javascript”>

$(document).ready(function(){

var height1 = $(document).height(); // height of full document

var height2 = $(“#header”).height(); // height of header

var height_diff = height1 – height2 + “px”;

document.getElementById(‘test’).style.height = height_diff; // Set the remaining height in test DIV.

});

</script>

其中test是div的ID。