“幽灵标记”问题

Question

我不知道这个技术术语是什么，但我决定使用术语“鬼标记”来形容它。这是使用Chrome完成的。

使用Bootstrap我有两个标签。第一个选项卡中有更多内容，因此容器比第二个选项卡长。在标签容器的外面（下面）有另一个div，带有一些文本和一个绿色按钮。

有时当我在两个标签之间点击时，容器外部div的“Ghost Marks”会留在页面上。之所以发生这种情况，是因为当我从较大的标签切换到较小的标签时，容器外的div会向上移动页面，随着标记的移动而留下标记。

以下是一个示例：

它与chrome绘制HTML的方式有关。如果我按下F12，幽灵标记就会消失。

我可以使第二个标签容器与第一个标签容器的高度相同，但这会留下很多空白区域。

任何想法如何确保不会发生这种情况？