获取窗口高度来设置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