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

[feiyangbaxia]

我在实现一个网页时，网页内容不足一页时就出现滚动条，要想看到网页的脚注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;
}

[快乐的小呆]

只有自己压缩网页的高度了。如果实在不想出现滚动条，可以试下以下的方法： 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

[feiyangbaxia]

非常感谢你，不过可能我没表述清楚，我的最终目的不是不显示滚动条，而是当网页内容少时，能够让网页内容在一页上显示，打开网页时脚注也可以看到，不用向下滚动页面才能浏览完