html - 降低html文档的高度

Question

我有这种情况:

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

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

这很好用。但是我注意到你期望第二个 div(没有顶部:-100px)的地方被空白占用了。

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

感谢您的提示!我希望我的描述足够清楚，它不是那么容易描述。 ;)

Answer 1

它们不在同一个位置，相对的 div 总是离开它们被空白占据的位置。您需要使用“position:absolute”或负边距。如果需要，您仍然可以将它们放在流中，方法是将它们包装在同一个相对 div 中。