使用javascript将div设置为高度100％

我正在尝试使用javascript将div的高度设置为100％的浏览器窗口。我已经走了它的CSS路线，但似乎有跨浏览器问题。使用javascript将div设置为高度100％

到目前为止我的代码

<script type="text/javascript"> 
function resize() { 

var div = document.getElementById("test"); 
div.height = window.innerHeight; 

} 

window.onload = resize; 

</script> 
</head> 

<body> 

<div id="test"></div> 

//--------------body close etc

帮助是极大的赞赏。

来源

2014-10-03 jasonh

*“我已经它工作的CSS路线，但似乎有跨浏览器问题。“* Wh ich问题？另外，你有什么JS代码的问题？ – 2014-10-03 15:12:02

尝试用'div.style.height = window.innerHeight +“px”'代替。 – MaxArt 2014-10-03 15:12:46

你需要px像@MaxArt所说..也..它最有可能不是一个100％身高的跨浏览器问题。这很可能是解释。在做高度100％时，你必须确保100％兼有HTML和BODY。然后，容器本身需要在身体内部没有其他，并给予高度100％。通常情况下，位置绝对元素最容易显示，但您可以通过多种因素来实现。 – 2014-10-03 15:15:21

试试这个Fiddle

变化div.height到div.style.height

Javasrcipt

document.getElementById("test").style.height = window.innerHeight+'px';

来源

2014-10-03 15:27:30 AmanS

使用javascript将div设置为高度100％

回答

相关问题