Javascript 动态更改div的高度

可能重复：

你好,

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

谢谢，网上有一篇帖子

$（文档）.ready（函数（）{
var height1=$（document）.height（）；//完整文档的高度
var height2=$（“#页眉”）.height（）；//页眉高度
var height_diff=高度1–高度2+“px”；
document.getElementById（'test'）。style.height=height_diff；//在test DIV中设置剩余高度。
});

其中

test

是

div

的id。

CSS唯一的解决方案：

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

---

关于这一点，存在很多问题。。也许你可以试试快速搜索？看看

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