div占满浏览器剩余高度，不要滚动条！

Question

在做一个页面，如果把高度定死，各个浏览器显示出来的效果都不一样，如何让一个div中的内容正好填满浏览器剩余的部分，而且各种尺寸的浏览器都有一样的效果?望高人指教！

Answer 1

用脚本设置呗。获得剩余高度h，然后div.style.height=h;计算剩余高度应该会吧?
document.body.clientHeight-xxx-xxx....,需要在css里写html,body{height:100%};不写也行，那把w3c标准去掉。

Answer 2

html,body {height:100%;margin:0;padding:0;}
body{}
.full{margin:0;height:100%;background:#000;}

Answer 3

怎样让父层div正好占据整个屏幕，而且不要滚动条？

Answer 4

使用js代码获取浏览器高度，动态设置div高度嘛，参考如下代码：
var winWidth = 0;
var winHeight = 0; 
function getHeight()
{
if (window.innerHeight){
winHeight = window.innerHeight;
}else if ((document.body) && (document.body.clientHeight)){
winHeight = document.body.clientHeight;
}
// 通过深入 Document 内部对 body 进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
if(parseInt(winHeight)>600){
document.getElementById("main").style.height=winHeight+'px';
}
else{
document.getElementById("main").style.height=600+'px';
}
} 
}