CSS - Dropbox网站页脚效果？

Question

见的Dropbox的网站在这里：https://www.dropbox.com

注意页脚如何在底部“了解更多” 住宿，直到你点击或向下滚动，不管你多么调整窗口的大小？

position: absolute; 
bottom: 50px; 
left: 0; 
width: 100%; 
text-align: center; 
cursor: pointer; 

以上是CSS的页脚部分，但那不会导致影响。

如何达到这个效果，我想不出来。

Answer 1

我假设你是在讨论那个始终用“了解更多”粘贴到窗口底部填充整个浏览器窗口的首页？

有多种方法可以做到这一点，这里有一个：

把你的第一页在<div>（或任何其他容器），并设置它的高度100vh，这将一直调整到浏览器窗口的高度（视图高度的100％）。

然后只需使用position: absolute;即可附加“了解更多”链接。

尽管您可以使用相同的技术制作可翻页的页面（类似于幻灯片），但以下页面可以采用任何高度。

You can try it using this fiddle.

Answer 2

职位：固定是你想要的，而不是绝对的。