降低html文档的高度

我有这样的情况：

我做了两个div，两个应该在完全相同的位置。通过JavaScript，我可以根据需要激活一个并隐藏另一个。我就是这样做的：

<div style="height:100px"></div>
<div style="position:relative; top:-100px;height:100px"></div>

这很有效。但我注意到，第二个div（没有顶部：-100px）的位置被空白区域使用

什么是最优雅的方式来摆脱这个空间再次？我不希望我的网络用户认为他们可以向下滚动更多，但只剩下空白

---

谢谢你的提示！我希望我的描述足够清楚，这不是那么容易描述的

它们不在同一个点上，相对div总是在移动的点上留下空白。您需要使用“位置：绝对”或负边距。如果需要，您仍然可以在流中定位它们，方法是将它们都包装在相同的相对div中。

在我的情况下，负边距是最好的解决方案。