纯CSS 贴网页底部代码,FF2.0+、FF3.0+、IE6、IE7、Safari、Opera、Chrome都通过,IE8b2下的效果有瑕疵,用hack方法解决。
<html>
<head>
<title>test,alixixi测试中……</title>
<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>
</head>
<body>
<div class="all">
<div id="topbar">菜单部分</div>
<div class="main">我是主体,我是核心<br /><br /><br /><br />虽然我是主体,但是你可以删除我其中的内容再看看我下面的页脚</div>
<div id="footer">阿里西西告诉你,这行文字紧贴网页底部,哪也不去了。</div>
</div>
</body>
</html>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]