请教一个关于html的问题，h5相关的

2025-03-09 10:11:40

推荐回答（1个）

回答1：

这需要使用javascript

css:

.head{width :100%; height:30px; }
.bottom{width:100%; height:50px;}
.main{width:100%; overflow-y:auto; }

- 记得要做css重置清掉浏览器自带的样式

js:

//js内容
//先获取文档页面高度
var pageHeight = document.documentElement.clientHeight;

//计算main高度，由页面高度减去head和bottom的高度即可
var mainHeight = pageHeight - 30 - 50;

//高度赋值给main
document.querySelector('.main').style.height = mainHeight + 'px';