如何让一个div永远出现在界面的最底部

binphp

243113030

发布于
2011-04-29

kumfo

6.7k33156

更新于
2021-01-26

用js获取屏幕的宽度，然后定位
其他其他更好的办法

前端

阅读 47k

2 个回答

得票最新

小言君

发布于
2011-04-29

新手上路，请多包涵

.test {
    position:fixed;
    bottom:0;
    left:0;
}

ie6支持position:fixed;不能，会相当于position:absolute;，好像可以用expression吧

xhinking

1.8k81820

发布于
2011-06-16

更新于
2011-06-16

这个问题有点类似How to use the CSS Sticky Footer on your website，不知道@binphp 是不是这个意思。我一直在用这个方法，跨浏览器的，可以保证footer一直在底部，不管屏幕多长。

CSS文件：

* {
margin: 0;
}

html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.footer, .push {
height: 4em;
}

HTML文件：

<html>
    <head>
        <link rel="stylesheet" href="layout.css" ... />
    </head>
    <body>
        <div class="wrapper">
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer">
            <p>Copyright (c) 2008</p>
        </div>
    </body>
</html>

原文 -> http://ryanfait.com/resources/footer-...
Demo -> http://ryanfait.com/sticky-footer/

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

如何让一个div永远出现在界面的最底部

你尚未登录，登录后可以

扁平化数组转换成树形?

js 如何将Key属性相同的放在同一个数组？

省市区街道数据在哪里可以下载？

在Electron中，我们想要创建特定的BrowserWindow，想要使用react组件作为BrowserWindow的内容，请问如何实现呢？

怎么识别手机号的主人变更了？

Vue项目一个报错无法找到原因?

前端页面脚本更新时，如何让用户端，使用最新脚本？