Html CSS-Dropbox网站页脚效果？

请参见dropbox的网站：

注意页脚“Learn more”如何保持在底部，直到您单击或向下滚动，无论您调整窗口大小多少

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

上面是页脚部分的CSS，但这不会造成效果

---

这个效果怎么能达到，我想不出来。

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

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

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

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

我想你说的是首页，它总是在整个浏览器窗口的底部贴上“了解更多”的标签

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

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

将第一页放入

（或任何其他容器）中，并将其高度设置为

100vh

，这将始终调整为浏览器窗口的高度（视图高度的100%）

然后使用

position:absolute将链接“learnmore”简单地附加在一起

接下来的页面可以有任何高度，尽管您可以使用相同的技术制作可以滚动的页面（类似于幻灯片）

我想你说的是首页，它总是在整个浏览器窗口的底部贴上“了解更多”的标签

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

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

将第一页放入
（或任何其他容器）中，并将其高度设置为
100vh
，这将始终调整为浏览器窗口的高度（视图高度的100%）

然后使用
position:absolute将链接“learnmore”简单地附加在一起

接下来的页面可以有任何高度，尽管您可以使用相同的技术制作可以滚动的页面（类似于幻灯片）

我想你说的是首页，它总是在整个浏览器窗口的底部贴上“了解更多”的标签

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

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

将第一页放入
（或任何其他容器）中，并将其高度设置为
100vh
，这将始终调整为浏览器窗口的高度（视图高度的100%）

然后使用
position:absolute将链接“learnmore”简单地附加在一起

接下来的页面可以有任何高度，尽管您可以使用相同的技术制作可以滚动的页面（类似于幻灯片）

我想你说的是首页，它总是在整个浏览器窗口的底部贴上“了解更多”的标签

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

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

将第一页放入
（或任何其他容器）中，并将其高度设置为
100vh
，这将始终调整为浏览器窗口的高度（视图高度的100%）

然后使用
position:absolute将链接“learnmore”简单地附加在一起

接下来的页面可以有任何高度，尽管您可以使用相同的技术制作可以滚动的页面（类似于幻灯片）

你错过了结尾处的分号。你错过了结尾处的分号。你错过了结尾处的分号。你错过了结尾处的分号。尽管我看不出位置：固定；该页脚部分的dropbox上的属性。他们是怎么做到的？虽然我看不出他们的立场：固定；该页脚部分的dropbox上的属性。他们是怎么做到的？虽然我看不出他们的立场：固定；该页脚部分的dropbox上的属性。他们是怎么做到的？虽然我看不出他们的立场：固定；该页脚部分的dropbox上的属性。他们是怎么做到的？