【发布时间】：2020-07-29 08:42:41
【问题描述】：
我正在尝试创建一个带有标签的导航栏，如果选中，每个标签都应该有一个底部边框。 问题是当边框处于“活动状态”时，文本会向上移动，我不希望这样。
我该如何解决？
这里有一个Codesandbox，它重现了这个案例。我尝试使用 box-sizing 并隐藏溢出，但它似乎不起作用......
我不喜欢第二个例子，因为边框不在灰色区域内
【问题讨论】：
-
寻求代码帮助的问题必须包括在问题本身最好是在堆栈片段中重现它所需的最短代码。尽管您已经提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/example doesn't work can I just paste a link。
-
您必须将所有项目的边框底部颜色设置为透明，例如您可以将
border-bottom: 0.5rem solid transparent;添加到所有项目
标签： javascript css uinavigationbar