它们之间有两个div，但相对于父级

Question

我有两个div（我称之为A和B）在另一个div（例如X）中相互重叠

我正在尝试根据按钮显示和隐藏A和B.当你进入页面时，你可以看到A，如果你按一个按钮，A隐藏然后你可以看到B.反之亦然。这很好。

我动态加载A和B内容，所以我不知道div的高度。

问题在于：如果A和B绝对是这样它们可以重叠，那么X不会调整它的高度，看起来像这样。

First

如果我让A和B相对，X的高度是完美的，但是A和B不能重叠，它看起来像这样。 （注意B从底部开始，因为A正在占据顶部空间）。

Second

我试过让X的位置相对而A和B是绝对的，但没有任何变化。

我正在考虑计算每个td有多少高度（A和B每个加载一个表）并将它乘以td的加载次数。然后将该高度赋予X，但它必须是一个更容易的解决方案。

谢谢。

Answer 1

一种替代方案是，不是让两个div重叠，而是将其中一个div设置为“display：none”，然后将该div设置为display：block，另一个显示：none按钮。