2 a838845431 a838845431 于 2016.02.29 00:01 提问

关于javascript设置css高度属性

我想要把body标签高度设置为满页面,于是我设置它的id为body 并且document.getElementById("body").style.height=window.innerHeight 但是火狐调试说height解析失败,苦苦找不到答案~我还有什么能让他高度设置为页面高度的方法呢?

4个回答

showbo
showbo   Ds   Rxr 2016.02.29 09:48
已采纳

CSS,不过你的代码firefox39测试也没有问题,注意的是要加上单位,要不CSS1Compat模式没有单位设置无效

 <body id="body"><script>document.getElementById("body").style.height = window.innerHeight+'px'; </script></body>
Barret2016
Barret2016 其实只要两个CSS属性就搞定了,body{width:100vw;height:100vh;},何必那么复杂,而且CSS比JS加载快,动态加载利于响应式布局。
接近 2 年之前 回复
caozhy
caozhy 每天和bobo学两招,哈哈
接近 2 年之前 回复
caozhy
caozhy   Ds   Rxr 2016.02.29 07:09

body {height: 100%;}

去掉滚动条
::-webkit-scrollbar {
width: 0;
height: 0;
}

grgligang
grgligang   2016.02.29 10:45

用js可以这么赋值。 不知道你有没有用jQuery

document.getElementById("body").css("height",window.innerHeight)

a838845431
a838845431   2016.02.29 12:03

非常感谢大家的回答,经过我的测试后确实为我没有加单位,非常谢谢 无解码农 第一个方法也确实不错,非常常用和实用,但是这次我需要获取屏幕高度和宽度,使页面不因为内容的增多和下溢,防止拖拉,在大部分情况下是可以使用html,body{height:100%}的,jquery的方法也非常不错,不过我局的第一个方法更简单,无解码农直接指出了我的问题,谢谢三位大神

a838845431
a838845431 回复Barret2016: 多谢啦~涨姿势了
接近 2 年之前 回复
Barret2016
Barret2016 其实只要两个CSS属性就搞定了,body{width:100vw;height:100vh;},何必那么复杂,而且CSS比JS加载快,动态加载利于响应式布局。
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!