CSS解决active状态下border-bottom导致文字高度增加的问题

要避免文字高出其他文字 2px，可以使用CSS的'box-sizing'属性进行设置。

首先，将'box-sizing'属性设置为'border-box'，这样可以让元素的内边距和边框不会增加元素的总宽度和高度。

然后，设置'border-bottom'的样式为2px的白色边框，同时设置'padding-bottom'的值为2px，以保持文字的高度不变。

以下是示例代码：

.element {
  box-sizing: border-box;
  padding-bottom: 2px;
  border-bottom: 2px solid white;
}

这样，即使'border-bottom'的边框出现在'active'状态下，文字的高度仍将保持不变，不会超出其他文字。