获取窗口高度来设置DIV的高度出现滚动条的问题

Question

<script type="text/javascript"> window.onload = function modify() { var s = document.documentElement.clientHeight;document.getElementById("div1").style.height =s +"px"; } window.onresize = modify; </script> 我用这句代码获取窗口高度，然后让div的高度等于窗口高度，为什么会有滚动条，是不是还应该减去啥什么 <div id="div1"> <div id="div2" style="background-color:red;height:50%"> </div><div style="background-color:blue;height:50%"></div> </div>

Answer 1

这个需要重置默认样式

*{

    margin:0;

    padding:0;

}

Answer 2

body默认有8px的margin，设为0就可以啦。

<style type="text/css">
        body{margin:0;}
</style>

clientHeight获取的是浏览器可视区域宽度，body总高度=两个div高度+上下margin，是超出浏览器可视区域高度的。

一楼所讲的重置样式就是这个原因。

Answer 3

浏览器有默认样式，设置一下

*{
    margin:0;
    padding:0;
}

把默认样式重置掉。具体你可以搜索css reset