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

lisweden 2011-10-17 05:13:25
如题。
页面上有一个div,能自动根据浏览器大小,自动适应为浏览器高度的80%,并应用overflow,因为div里的内容足够长。

我这样设置:



<div style="width:100%;heigh:100%;">

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

</div>



调试后,发现IE可以,谷歌和火狐都不能实现overflow,但如果把heigh:80%;改成固定像数,如800px;谷歌和火狐又可以实现overflow,但不能随浏览器自动调整DIV高度。求大侠帮忙!
...全文
806 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
aykkk 2011-10-18
  • 打赏
  • 举报
回复
楼主杂解决的?你这个方式能适应不同的分辨率吗?
我用JS脚本来根据可视区域的高度来确定DIV的高度,可以适应不同的分辨率
Acesidonu 2011-10-18
  • 打赏
  • 举报
回复
自给自足
lisweden 2011-10-18
  • 打赏
  • 举报
回复
问题已解决!我发现,这个版块很少人,并且很不给力!
lisweden 2011-10-18
  • 打赏
  • 举报
回复
自已顶上去
lisweden 2011-10-18
  • 打赏
  • 举报
回复
解决方法和4楼的差不多,也是用JS脚本来实现的,根据浏览器大小来设置DIV的大小
ddcatlee 2011-10-18
  • 打赏
  • 举报
回复
html,body {height:100%;}

61,117

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧