CSS 如何解决网页内容不足一页时出现滚动条

我在实现一个网页时，网页内容不足一页时就出现滚动条，要想看到网页的脚注footer,需要向下拉一点才能看到，请问怎么样让不足一页的内容在一页显示，不出现滚动条？
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
margin:0px auto;
padding:0;
color:#000;
width:100%;
min-height:100%;
position:relative;
}
.container {
width:960px;
background-color:#FFFAFA;
margin:auto;   /*margin: 0 auto;  侧边的自动值与宽度结合使用，可以将布局居中对齐 */
border-left:0px;
border-right:0px;
padding-left:0px;
padding-right:0px;
height:100%;
padding-bottom: 20px;
}
.header{
background-color:#F3F3F3;
align:center;
width:960px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
}
/* ~~ 脚注 ~~ */

.footer{
padding:6px 0;
background-color: #4169E1;
font-size: 12px;
text-align: center; 
width:960px;
margin:auto;
position:relative;
bottom:0;
} css html 布局 --------------------编程问答-------------------- 只有自己压缩网页的高度了。如果实在不想出现滚动条，可以试下以下的方法：

1、完全隐藏
在<boby>里加入scroll="no"，可隐藏滚动条；
<boby scroll="no">


2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
<boby scroll="auto">


3、样式表方法
在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。
被包含页面里加入
<style>
html { overflow-x:hidden; }
</style>
有一段解释是这样说的：body{ overflow-x:hidden; }在标准 DTD 下是不可以的


4、另一种方法
<style type="text/css">
body {
overflow-x:hidden;
overflow-y:hidden;
}
</style> 

<style type="text/css">
html {
overflow-x:hidden;
overflow-y:hidden;
}
</style>

参考：http://blog.sina.com.cn/s/blog_48fa740c0100kvd7.html --------------------编程问答-------------------- 非常感谢你，不过可能我没表述清楚，我的最终目的不是不显示滚动条，而是当网页内容少时，能够让网页内容在一页上显示，打开网页时脚注也可以看到，不用向下滚动页面才能浏览完

补充：Java ,  Java相关