使用div+CSS将页脚始终控制在页面最下方的方法

tml和body的高度并不一定相同，在内容少的时候，body的高度要小于html，当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候，此时html的高度大于body的高度。网页中的元素都是以body最为参考，所以有必要保持html和body的高度相同。

1. html,body{height:100%;}    

第一种方法：
在body中使用两个容器，包括网页的页脚和另外一部分（container）。设置container的高度为100%；页脚部分使用 负外边距 保持其总是在最下方。

1. html, body {     
2.     height:100%;     
3. }     
4. .fl {     
5.     float:left;     
6.     display:inline;     
7. }     
8. #container {     
9.     width:100%;     
10.     height:300px;     
11.     overflow:hidden;     
12.     height:100%;     
13.     border-bottom:70px #FFFFFF solid;     
14. }     
15. .aside {     
16.     width:30%;     
17. }     
18. .article {     
19.     width:70%;     
20. }     
21. #footer {     
22.     height:50px;     
23.     width:100%;     
24.     clear:both;     
25.     margin-top:-50px;     
26.     border-bottom:1px solid #e0e0e0;     
27.     border-top:1px solid #e0e0e0;     
28. }    

1. <div id="container">     
2.     <div id="header">     
3.         <div>     
4.             <img src="" width= height= alt="" />     
5.             <div>     
6.                 <p>fddfv</p>     
7.                     <p>容量：<span>24M</span>/<span>2G</span></p