如果你用的是非IE6、7，那么出现这个问题的原因很可能是你在使用height:100%的同时，又设置了border属性。如果是IE6、7，那么原因可能是这篇文章中描述的。原因都是容器的边界的宽度的问题。
滚动条
样式主要涉及到如下overflow属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种
overflow: auto; 在需要时内容会自动添加
滚动条
overflow: scroll; 总是显示
滚动条
overflow-x: hidden; 禁止横向的
滚动条
overflow-y: scroll; 总是显示纵向
滚动条
以上三个属性设置的值为visible、scroll、hidden、auto
visible 默认值。
使用
该值时，无论设置的width和
height
的值是多少，其中的内容无论是否超出范围都将被
height
:
100
%，
使用
margin
出现
纵向
滚动条
设置为
height
100
%之后，login-box中再进行设置margin-top会
出现
纵向
滚动条
。
十七：是因为你给子元素设置了margin后，body从上往下渲染时，起始位置不是从子元素的margin之上，而是直接从子元素上顶边开始从上往下渲染，所以你检查元素的时候发现body展示区域不是从页面的最顶部，所以之所以
出现
滚动条
，多出来的部分就是子元素的margin部分，处理方法可一个body设置overflow:hidden或者给父元素设置pad
当你设置一个页面元素的高度(
height
)为
100
%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么
height
:
100
%不起作用吗？
按常理，当我们用CSS的
height
属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是
height
:
100
px;，那它应该在页面的竖向
有是在写样式的时候，会碰到给div无论怎么加样式 overflow-y: auto 的时候，都不会
出现
垂直的
滚动条
，经过不断折腾终于知道是啥原因导致了。
<style>
body{
height
:
100
%; //若是所有的div的高度都不固定，需要body高度也是
100
%，才可以
出现
滚动条
.parent{
//你自己样式
height
:
100
%; //父元素的高度也需要是
100
%才可以
出现
滚动条
.children{
overflow-y: auto;
overflow-x: hi
我用第一种方法不知道为什么没有效果