Html div未覆盖其内容高度

我试图做一种导航栏，而不使用任何预先存在的库

问题是，我希望导航链接有一个填充，但标题没有覆盖其高度

这是我到目前为止所做的

*{
保证金：0；
}
.标题{
颜色：#fefbed；
框大小：边框框；
宽度：100%；
位置：粘性；
排名：0；
右翼：4.7%；
文本对齐：右对齐；
背景色：#115695；
z指数：1；
}
保险商实验室{
框大小：内容框；
}
李{
字体系列：蒙特塞拉特黑体字；
字体大小：16px；
显示：内联；
左缘：2%；
}
李阿{
填充：5%；
边框：2倍纯黄色；
颜色：#fefbed；
文字装饰：无；
}

这是因为

a

标记是

内联的

元素。内联元素处理

margin

和

padding

的方式不同于

block

元素。您可以添加

左

和

右

属性，但不能添加

顶部

或

底部

您可以将显示更改为

内联块

，这将考虑您设置的

顶部

和

底部

填充

*{
保证金：0；
}
.标题{
颜色：#fefbed；
框大小：边框框；
宽度：100%；
位置：粘性；
排名：0；
右翼：4.7%；
文本对齐：右对齐；
背景色：#115695；
z指数：1；
}
保险商实验室{
框大小：内容框；
}
李{
字体系列：蒙特塞拉特黑体字；
字体大小：16px；
显示：内联；
左缘：2%；
}
李阿{
填充：5%；
边框：2倍纯黄色；
颜色：#fefbed；
文字装饰：无；
显示：内联块；
}

这是因为

a

标记是

内联的

元素。内联元素处理

margin

和

padding

的方式不同于

block

元素。您可以添加

左

和

右

属性，但不能添加

顶部

或

底部

您可以将显示更改为

内联块

，这将考虑您设置的

顶部

和

底部

填充

*{
保证金：0；
}
.标题{
颜色：#fefbed；
框大小：边框框；
宽度：100%；
位置：粘性；
排名：0；
右翼：4.7%；
文本对齐：右对齐；
背景色：#115695；
z指数：1；
}
保险商实验室{
框大小：内容框；
}
李{
字体系列：蒙特塞拉特黑体字；
字体大小：16px；
显示：内联；
左缘：2%；
}
李阿{
填充：5%；
边框：2倍纯黄色；
颜色：#fefbed；
文字装饰：无；
显示：内联块；
}

这是否回答了您的问题？这回答了你的问题吗？