div高度占满浏览器剩余空间,页面不能出现滚动条

发布网友发布时间：2022-04-20 12:38

共2个回答

热心网友时间：2022-04-20 14:07

在你的代码基础上，把xhtml声明加在页面第一行，然后css里面加一句：html,body{height:100%;}追问你没有搞懂我的意思....我是要第二个div高度除了第一个div100px高度，剩下的空间都被第二div占满，而不出现滚动条...

热心网友时间：2022-04-20 15:25

<body style="overflow:hidden;">
<div class="top" style="height:100px; width:960px; margin:0px auto"></div>
<div class="other" style="width:960px; margin:0px auto; background:#FF0; padding-bottom:10000px; margin-bottom:-10000px;">填充top以下的部分</div>
</body>追问下面是填充满了但我body有一个边框线，这样底部线就不显示了啊

追答只能用JS了根据自己需求改吧

body{ margin:0px; height:0px; overflow:hidden;}
#main{width:960px;margin:0px auto;border:1px solid #F00; overflow:hidden;}

填充top以下的部分

function getWindowSize() {
var client = {
x:0,
y:0
};

if(typeof document.compatMode != 'undefined' && document.compatMode == 'CSS1Compat') {
client.x = document.documentElement.clientWidth;
client.y = document.documentElement.clientHeight;
} else if(typeof document.body != 'undefined' && (document.body.scrollLeft || document.body.scrollTop)) {
client.x = document.body.clientWidth;
client.y = document.body.clientHeight;
}

return client;
}
var size = getWindowSize();
document.getElementById("main").style.height = (size.y-2)+"px"