html - 垂直滚动条的高度为100％？

我在这里有一个问题。标头，导航栏和内容div的简单布局位于高度为100％的容器内，但是我仍然得到了垂直滚动条。

style.css

html, body {
margin: 0px;
padding: 0;
background: #E6E6E6;
}

#container{
width: 900px;
height: 100%;
position: relative;
left: 450px;
}

#header{
width: 900px;
height: 70px;
position: absolute;
background-color: #FFFFFF;
border: 1px solid black;
}

#navBar{
width: 900px;
height:20px;
position: absolute;
top: 77px;
background-color: #FFFFFF;
border: 1px solid black;
}

#content{
width: 900px;
height: 100%;
position: absolute;
top: 104px;
background-color: #FFFFFF;
border: 1px solid black;
}

最佳答案

根据您对overflow: hidden删除边框的评论，请尝试以下操作：

overflow-y: hidden;

就像您要求的那样，仅删除垂直滚动条。