实现自适应位置--footer紧贴浏览器底部

1）实现自适应位置的footer，页面内容较少时，footer需要紧贴浏览器底部

2）解决IE6下的页面滚动条与其他浏览器不一致的问题

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>紧贴浏览器底部</title>
<style type="text/css">
* {
        padding: 0;
        margin: 0;
}
html {
        _overflow: auto;
}
body {
        _width: expression(this.parentNode.clientWidth);
}
html,
body {
        height: 100%;
}
.section {
        min-height: 100%;
        _height: 100%;
}
.footer {
        height: 60px;
        background:#FF6600;
        margin-top: -60px;
        color: #FFF;
}
</style>
</head>
<body>
<div class="section">
    <p>111111111111111</p>
    <p>222222222222222</p>
    <p>333333333333333</p>
</div>
<div class="footer">我这是在底部</div>
</body>
</html>

posted on 2012-06-07 13:14 lbsgood 阅读(1350) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

@Asan-走走停停

导航

公告

实现自适应位置--footer紧贴浏览器底部