Question

如何是div的高度100%，使用height:100%是不行的，我是为了让一个div层充满整个屏幕，屏幕有高，div层就有

屏幕有高，div层就有多高

Answer 1

html,body{
    height: 100%;
}

.div{
    background-color:#000000;
    width: 100%;
    height: 100%;
}

刚查到的DIV父层是Html和Body,它们默认的高度为auto,所以只更改DIV的高度为100%是不对的,需要设置html,body它们的高度为100%才可以全屏.

Answer 2

要清楚100%的含义，这个含义是在父容器中100%，而不是屏幕的100%

<div id="div1" style="height:200px">
<div id="div2" style="height:100%">
这里只是占div1的100%
</div>
</div>

理解了这个就知道怎么改了吧

Answer 3

那你试试这样撒。
<style>
body{height:100%; overflow:hidden; margin:0px; padding:0px;}
.box {height:100%; background:#ff0000; position:absolute; width:100%;}

</style>
<div class=box></div>

Answer 4

虽然不知道你还用不用，但是我还是给你吧，最简单的就是：把“height:100%”改成：“height:100vh”，原理：vh是百分比的英文缩写，可能某些命令要英文才能识别吧

Answer 5

你好，你这样试一下：

#oneDiv
{
background-color:#003300;
height:100%;
position:absolute;
}

（IE6不兼容）
希望对你有帮助，再见。