CSS：具有内容的垂直选项卡与活动选项卡的高度级别相同

Question

好吧，我从没想过我会用css问题去堆栈溢出，但我对这个结构感到很困惑。

正如您在照片上看到的那样，有三个标签，以及相同高度的内容。当我选择下一个时，它的内容将打开，如图所示。

现在不要注意图表，让我们说它只是一个文本。但这一部分应该是响应性的。标签和功能部分必须保持固定。顺便说一句整个结构包裹着

<div class="col-lg-8 col-md-10 col-md-offset-1 col-lg-offset-2"></div>

我的第一个想法是将选项卡及其部分包装在div中，但在这种情况下，不活动的选项卡将隐藏在活动div下，而不是可点击的。

知道如何做到这一点？

提前致谢!!