Html 如何将填充设置为延伸到父容器的上边缘和下边缘？

如何将填充设置为延伸到父容器的上边缘和下边缘？ 例如，在本例中，我如何设置填充，使底部填充正好在导航条结束的位置结束（与显示的不同，它超出了导航条的位置）？这将确保与链接对应的整个区域是可点击的，但不会超出导航栏的底部

nav{
背景：rgb（255,99,71）；
高度：50px；
}
a{
垫底：35px；
背景色：rgb（0、128、128）；
}

---

有很多方法可以做到这一点，但其中一种方法是根本不设置填充。类似于以下的方法将起作用：

a {
    display: inline-flex;
    line-height: 50px;
    background-color: rgb(0, 128, 128);
}

同样，有很多方法可以实现你想要的，但这只是一种方法