固定位置 div 在顶部垂直 space

Question

我的情况是，我的固定位置 div 的百分比高度位于页面底部（见图片）。问题是，当我将页面滚动到末尾时，它的一些内容隐藏在 div 下面。我想我应该在页面底部添加空元素，但最好的方法是什么？

Answer 1

一个不错的解决方案是将固定 div 的高度更改为 vh 而不是 % (see)，例如：

div.fixed-at-bottom { height: 20vh; .... }

然后将 margin-bottom 设置为您的内容 div 具有相同的值（或多一点以获得更多 space）：

div.content { margin-bottom: 22vh; .... }

我创建了一个 jsfiddle 来展示它。