div自动适应页面高度，多出部分出现滚动条
答案:4 悬赏:30 手机版
解决时间 2021-11-19 18:03
- 提问者网友：棒棒糖
- 2021-11-19 08:00
div自动适应页面高度，多出部分出现滚动条
最佳答案
- 五星知识达人网友：woshuo
- 2021-11-19 09:21
这个css解答不了，因为高度写100%是无效的或者说是不兼容的
全部回答
- 1楼网友：旧脸谱
- 2021-11-19 11:45
mark
- 2楼网友：鸽屿
- 2021-11-19 10:37
这个问题光用css和html的确是解决不了的，但是并不是像2楼所说的那样丢给后端了，作为一个合格的前端工作者，不要推卸责任，这种问题属于我们前端的。
下面给你说下解题方案：
1、js监测浏览器高度（见下winHeight）和div菜单栏高度（offsetHeight，你可以去百度搜下用法）；
2、当div菜单栏高度小于浏览器高度时，把浏览器高度赋值给div菜单栏高度；当div菜单栏高度大于等于浏览器高度时，div菜单栏高度自适应。
浏览器高度：
var winHeight = 0;//winHeight即浏览器高度
if (window.innerHeight)
{
winHeight = window.innerHeight;
}else if ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
if(document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
}追问通过你的回答，感觉你好像知道我说的意思，能不能给一下详细的js代码，及调用。多谢追答好吧，源生的js的确有点多，jq写的确会缩减代码量
下面给你说下解题方案：
1、js监测浏览器高度（见下winHeight）和div菜单栏高度（offsetHeight，你可以去百度搜下用法）；
2、当div菜单栏高度小于浏览器高度时，把浏览器高度赋值给div菜单栏高度；当div菜单栏高度大于等于浏览器高度时，div菜单栏高度自适应。
浏览器高度：
var winHeight = 0;//winHeight即浏览器高度
if (window.innerHeight)
{
winHeight = window.innerHeight;
}else if ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
if(document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
}追问通过你的回答，感觉你好像知道我说的意思，能不能给一下详细的js代码，及调用。多谢追答好吧，源生的js的确有点多，jq写的确会缩减代码量