Css 在过渡前后去掉底部边框

我有一个按高度设置动画的点击下拉菜单，但是，它有一个2倍的边框，当菜单关闭时，边框总是出现。基本上，它显示了一个2px的小条，在那里可以显示菜单。我在本地工作，所以发送所有代码有点困难，但它是这样的： （用户导航是ul）

单击元素时，我将对其应用以下类：

.profile-transition {
max-height: 170px !important;
}

我还尝试从.user__nav{}中取出边界并将其置于概要文件转换中，但它似乎根本不起作用：

.profile-transition:before {
border: 2px solid #2D3E65;
}

.profile-transition:after {
border: 2px solid #2D3E65;
} 

---

什么都行！谢谢大家!

您是否考虑过将框大小设置为边框框？不确定这是否会解决问题，但这可能是朝着正确方向迈出的一步我会尝试一下^ ^我会让你知道没有雪茄，我确实设法玩了最后一个孩子的边框，在主屏幕上没有底部边框

.profile-transition:before {
border: 2px solid #2D3E65;
}

.profile-transition:after {
border: 2px solid #2D3E65;
}