UC知道针对firefox ie6 ie7 ie8的css样式实现页脚区域保持在页面底部的布局方法
来源：百度知道 编辑：UC知道 时间：2024/06/06 16:57:36
页面的底部这个部分始终是底部对齐的.
如果说上面没有这么高那么底部这个部分还是放在底部的;
如果说上面高出页面的高度了,自动的延伸
页面代码如下：（主要解决在ie8中不能置底的问题）
<body>
<div id="wrap">
<div id="topbar">菜单部分</div>
<div class="main">主体</div>
<div id="footer">网页底部</div>
</div>
</body>
页面代码：
<html>
<head>
<title>css样式实现页脚区域保持在页面底部的布局方法</title>
<style>
body {
......
}
#footer {
......
}
</style>
</head>
<body>
<div id="wrap">
<div id="topbar">菜单部分</div>
<div class="main">主体</div>
<div id="footer">©2009 网页底部</div>
</div>
</body>
</ht
如果说上面没有这么高那么底部这个部分还是放在底部的;
如果说上面高出页面的高度了,自动的延伸
页面代码如下：（主要解决在ie8中不能置底的问题）
<body>
<div id="wrap">
<div id="topbar">菜单部分</div>
<div class="main">主体</div>
<div id="footer">网页底部</div>
</div>
</body>
页面代码：
<html>
<head>
<title>css样式实现页脚区域保持在页面底部的布局方法</title>
<style>
body {
......
}
#footer {
......
}
</style>
</head>
<body>
<div id="wrap">
<div id="topbar">菜单部分</div>
<div class="main">主体</div>
<div id="footer">©2009 网页底部</div>
</div>
</body>
</ht
这个你可以用国外做的一个CSS绝对底部的代码，我以前也用过，绝对能用。
直接百度搜索：CSS黑板报，第一个就是了，进去搜索下这个文章就有了，好运~！
“已注册成功啦” 的 html嵌套代码对的
但是要注意的是 在设置css的时候
1..wrap要设置个 mini_height属性 就是最小高度，才能实现内容不够一屏时页脚也在页面底部，内容超过一屏时，自动延展
2.ie6不支持 mini_height 属性，但是设置height 的效果 与mini_height 的效果是一样的，所以要用个csshack ，_height：??px,只有 ie6 读取height属性，其他浏览器都读取mini_height属性。
<body>
<div id="wrap">
<div id="topbar">菜单部分</div>
<div class="main">主体</div>
</div>
<div id="footer">网页底部</div>
</body>