html - 标签被以下元素溢出

Question

我开始写一个网站的一部分，你喜欢“内部链接”，所以如果你点击单选按钮的标签，文本和图片就会改变，但在代码中我写了指示栏，它显示你在哪个子主题中，文本框本身会溢出标签。我注释掉了几个部分并更改了多个设计选项，但没有任何效果。我究竟做错了什么？标签的 CSS 是:

.subtopic{
    width:calc(100vw / 3 - 0.25vw);
    height:5vh;
    float:left;
    background:white;
    color:blue;
    left:0;
    overflow:hidden;
    border-bottom:0.5vh white;
}

我的其余代码: https://jsfiddle.net/kxh50236/

Answer 1

将 clear:both; 添加到 .text 应该可以解决问题