Html 带有导航栏的CSS伪类向下推另一个元素

我有一个导航栏，我让它成为一个伪类，在悬停时在下面画一条线。它在导航栏上运行良好，但当它出现时会向下推另一个元素，在我不悬停它之后，它会消失，并且该元素会向上推。我如何解决这个问题，或者有没有什么方法可以在没有伪类的情况下像这样使用nav？ 这是我的密码。谢谢你的帮助

.navbar\u列表{
列表样式类型：无；
显示器：flex；
}
.导航栏项目{
填充物：5px；
颜色：黑色；
光标：指针；
}
.navbar_uu项目：悬停：之后{
颜色：黑色；
内容：“；
显示：块；
保证金：0自动；
宽度：50%；
垫面：5px；
底部边框：2件纯黑；
}

关于
职业生涯
事件
产品
支持

有东西要推

默认情况下，您可以添加“伪类”。但是把它藏起来。
并在悬停时显示它

.navbar\u列表{
列表样式类型：无；
显示器：flex；
}
.导航栏项目{
填充物：5px；
颜色：黑色；
光标：指针；
}
.navbar__项：{/*更改后*/
颜色：黑色；
内容：“；
显示：块；
可见性：隐藏；/*已添加*/
保证金：0自动；
宽度：50%；
垫面：5px；
底部边框：2件纯黑；
}
/*增加*/
.navbar_uu项目：悬停：之后{
能见度：可见；
}

关于
职业生涯
事件
产品
支持

有东西要推

@catttt检查此兄弟