Pure CSS Paste the bottom of the page code, ff2.0+, ff3.0+, IE6, IE7, Safari, Opera, chrome all through, ie8b2 under the effect of flaws, with the hack method to solve.
......</title> in <title>test,alixixi test
<meta http-equiv= "Content-type" content= "text/html" charset= "Utf-8"/>
<style type= "Text/css" >
Html{height:100%;overflow:auto;}
Body{margin:0;padding:0;position:relative;height:auto!important;height:100%;min-height:100%;text-align:center;}
. main{border-bottom:60px solid #fff;}
#footer {position:absolute;width:100%;clear:both;height:25px;border-bottom:1px solid #e0e0e0; border-top:1px Solid # e0e0e0;margin-top:20px;bottom:0;left:0;}
</style>
<body>
<div class= "All" >
<div id= "Topbar" > Menu Section </div>
<div class= "main" > I am the main body, I am the core <br/><br/><br/><br/> Although I am the main body, but you can delete my content and look at the footer below me </ Div>
<div id= "Footer" > Arisisi tell you, this line of text close to the bottom of the page, no where to go. </div>
</div>
</body>
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]