首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

怎么设置DIV高度为浏览器大小百分比,并使用overflow

2012-03-25 
如何设置DIV高度为浏览器大小百分比,并使用overflow如题。页面上有一个div,能自动根据浏览器大小,自动适应

如何设置DIV高度为浏览器大小百分比,并使用overflow
如题。
页面上有一个div,能自动根据浏览器大小,自动适应为浏览器高度的80%,并应用overflow,因为div里的内容足够长。

我这样设置:

HTML code
<div style="width:100%;heigh:100%;">    <div style="overflow:auto;heigh:80%;">       ///长内容    </div></div>


调试后,发现IE可以,谷歌和火狐都不能实现overflow,但如果把heigh:80%;改成固定像数,如800px;谷歌和火狐又可以实现overflow,但不能随浏览器自动调整DIV高度。求大侠帮忙!

[解决办法]
用js来动态赋值吧。
[解决办法]
第一个div的高度百分比height:100%; 应该需要去掉你页面顶上的w3c声明,这样你试试

[解决办法]
自适应?
<script>
window.onresize=function()
{
var bH=document.documentElement.scrollHeight;
var bW=document.documentElement.offsetWidth;
$("#fullbg").css({top:0,left:0,width:bW,height:bH,display:"block"});
}
</sript>

热点排行