Html 等高标签内容

我正在尝试实现一个选项卡式菜单，它显示块中显示的内容。我可以通过填充来实现这一点，但我希望每个块都具有相同的高度，我尝试使用flexbox，但似乎无法使其工作。我怎样才能做到这一点

.tab窗格{
弹性：1；
填充：80px；
}
.导航标签{
边框底部：无；
显示：块；
}
.导航标签李a{
文字装饰：无；
}
.jj图标{
最大宽度：50px；
垫底：20px；
}
.bg蓝色{
背景颜色：蓝色；
}

菜单
这是一家高级餐厅，设施齐全，装饰精美的turpis。埃尼安·内姆·菲尼布斯、奥纳雷·埃米特、坦普斯·努克。这是一个古老的故事

菜单1
福西布斯，波苏尔·费利斯·莫莱斯蒂的生活。“整数”是一个被称为“euismod libero”的人，他是一位身份显要的人，居住在一个著名的平台上

菜单2
金樱子。在非碲化物的三分体中，不存在直径。无门矢状位大鼠

这是您正在寻找的基本设计模式吗

#顶栏#底栏{
高度：10vh；
宽度：100vw；
背景色：黑色；
}
#中间集装箱{
显示器：flex；
论证内容：中心；
宽度：100vw；
高度：80vh；
背景色：白色；
}
身体{
保证金：0；
}
#左，#右{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
宽度：50%；}
p{
边框：实心2倍绿色；
}
#右，#左{
边框：实心2px红色；
}
#大的{
宽度：90%；
身高：90%；
}

标题1

标题2

标题3

一些文本

Bootstrap附带内置类，用于显示、边距、填充

弹性箱可以叠瓦：可能的示例：

.tab窗格{
弹性：1；
填充：80px；
}
.导航标签{
边框底部：无；
显示：块；
}
.导航标签李a{
文字装饰：无；
}
.jj图标{
最大宽度：50px；
垫底：20px；
}
.bg蓝色{
背景颜色：蓝色；
}

菜单
这是一家高级餐厅，设施齐全，装饰精美的turpis。埃尼安·内姆·菲尼布斯、奥纳雷·埃米特、坦普斯·努克。这是一个古老的故事

菜单1
福西布斯，波苏尔·费利斯·莫莱斯蒂的生活。“整数”是一个被称为“euismod libero”的人，他是一位身份显要的人，居住在一个著名的平台上

菜单2
金樱子。在非碲化物的三分体中，不存在直径。无门矢状位大鼠

你能分享你尝试过的CSS吗？你的代码一点也不像你的图片。你想干什么？