关于页面布局的问题,div高度随浏览器缩放而变化
<body><!--顶部--><divid='top'style='height:100px;'>顶部内容</div><divid='main'></div><body>...
<body>
<!--顶部-->
<div id='top' style='height:100px;'>顶部内容</div>
<div id='main'></div>
<body>
现在是希望<div id='main'></div>自动撑到全屏,并且当缩放浏览器时候也能相应缩放到可见区域的全屏
你得把<div id='top' style='height:100px;'>顶部内容</div>这个不是我要的效果啊
main里面我要另外写内容的,而且要加滚动条的
方法不限,用JS也可以
最后还是我自己找到了方法,虽然可以,但怕不好,帮看下这样好不。
function HH(){
var h = document.body.clientHeight - 100;
document.getElementById("main").style.height = h + 'px';
setTimeout("HH()",10);
}
window.onload = function (){ HH();} 展开
<!--顶部-->
<div id='top' style='height:100px;'>顶部内容</div>
<div id='main'></div>
<body>
现在是希望<div id='main'></div>自动撑到全屏,并且当缩放浏览器时候也能相应缩放到可见区域的全屏
你得把<div id='top' style='height:100px;'>顶部内容</div>这个不是我要的效果啊
main里面我要另外写内容的,而且要加滚动条的
方法不限,用JS也可以
最后还是我自己找到了方法,虽然可以,但怕不好,帮看下这样好不。
function HH(){
var h = document.body.clientHeight - 100;
document.getElementById("main").style.height = h + 'px';
setTimeout("HH()",10);
}
window.onload = function (){ HH();} 展开
展开全部
你加下qq691069303 我详细和你说 我用js可以实现
我有个例子可以传给你
function get_Body_Size(){
var getBodySize = [];
if(window.parent.window.innerHeight){//FF
getBodySize[0] = window.parent.window.innerWidth;
getBodySize[1] = window.parent.window.innerHeight;
}else{
with(window.parent.document.documentElement){
getBodySize[0] = clientWidth;
getBodySize[1] = clientHeight;
}
}
return getBodySize;
}
可以返回浏览器高度宽度的
我有个例子可以传给你
function get_Body_Size(){
var getBodySize = [];
if(window.parent.window.innerHeight){//FF
getBodySize[0] = window.parent.window.innerWidth;
getBodySize[1] = window.parent.window.innerHeight;
}else{
with(window.parent.document.documentElement){
getBodySize[0] = clientWidth;
getBodySize[1] = clientHeight;
}
}
return getBodySize;
}
可以返回浏览器高度宽度的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你得把<div id='top' style='height:100px;'>顶部内容</div>
放到main里面
然后再写CSS
<style>
body,html{height:100%}
#main[height:100%]
</style>
<body>
<div id='main'>
<!--顶部-->
<div id='top' style='height:100px;'>顶部内容</div>
</div>
<body>
放到main里面
然后再写CSS
<style>
body,html{height:100%}
#main[height:100%]
</style>
<body>
<div id='main'>
<!--顶部-->
<div id='top' style='height:100px;'>顶部内容</div>
</div>
<body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以使用百分比来设置大小,这样子就可以自动调整大小了!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询