单页：在任何浏览器或设备的页面底部设置元素

Question

我正在开发一个网站，其中我有一个顶级菜单和一个背景图片，主页上有一些文字。这涵盖了整个屏幕。但是在屏幕的底部，必须有3个块出现在任何屏幕或设备的底部。我可以用这个用于Chrome，但是对于Firefox来说，这些块在IE上相差无几......我想要的是：

我目前正在对包含3个块的div应用以下代码：

position: relative;
top: -150px;

但正如上面在另一个浏览器中提到的那样，这个div显示为低，所以用户在滚动之前不会看到它...

这里有解决方案吗？

Answer 1

简单的改变：

position: fixed;
bottom: 0;

更好的想法是将其包含在另一个<div class="bottom-stuff">中并将规则提供给.bottom-stuff。