Css 为什么tab1内容出现在其他选项卡中？

我用的是引导标签。问题是，当其他选项卡内容也出现时，tab1内容总是出现。你知道问题在哪里吗？您知道为什么tab1内容总是出现在其他选项卡内容中，而不是只显示正确的选项卡内容吗

例如：

HTML:

表1
表2








表2-1
表2-2
表2-3
表3






表3-1
表3-2

查看您的代码。在以下代码之后，您过早地关闭了

选项卡内容

包装：

<div class="tab-pane fade show active clearfix" id="tab1" role="tabpanel" aria-labelledby="home-tab">
  tab1
</div>

表1

这导致了一个错误，即当单击其他选项卡（位于该

选项卡内容

之外）时，该选项卡（已设置为活动的

选项卡）永远不能设置为不显示

<div class="tab-pane fade show active clearfix" id="tab1" role="tabpanel" aria-labelledby="home-tab">
  tab1
</div>