问题描述
- 关于javascript设置css高度属性
-
我想要把body标签高度设置为满页面，于是我设置它的id为body 并且document.getElementById("body").style.height=window.innerHeight 但是火狐调试说height解析失败，苦苦找不到答案～我还有什么能让他高度设置为页面高度的方法呢？
解决方案
CSS，不过你的代码firefox39测试也没有问题，注意的是要加上单位，要不CSS1Compat模式没有单位设置无效
<body id="body"><script>document.getElementById("body").style.height = window.innerHeight+'px'; </script></body>
解决方案二：
body {height: 100%;}
去掉滚动条
::-webkit-scrollbar {
width: 0;
height: 0;
}
解决方案三：
用js可以这么赋值。 不知道你有没有用jQuery
document.getElementById("body").css("height",window.innerHeight)
解决方案四：
非常感谢大家的回答，经过我的测试后确实为我没有加单位，非常谢谢 无解码农 第一个方法也确实不错，非常常用和实用，但是这次我需要获取屏幕高度和宽度，使页面不因为内容的增多和下溢，防止拖拉，在大部分情况下是可以使用html,body{height:100%}的，jquery的方法也非常不错，不过我局的第一个方法更简单，无解码农直接指出了我的问题，谢谢三位大神
时间： 2024-08-30 23:07:48