顶部垂直空间上的固定位置div

Question

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

Answer 1

一个不错的解决方案可能是更改固定div的高度，以vh表示，而不是%（see），例如：

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

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

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

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