Html 如何为标记a设置100%的高度？

我有以下代码片段：

.topbar容器{
宽度：100%；
高度：100px；
位置：固定；
排名：0；
背景色：#2d3e50；
z指数：999；
显示：flex；}
.navi集装箱{
宽度：100%；
高度：50px；
背景色：#119c7e；
位置：固定；
顶部：100px；
z指数：999；
显示器：flex；
对齐内容：中心；}
@介质（最小宽度：992px）{
.navi容器.navi菜单{
宽度：992px；
身高：100%；
颜色：#2d3e50；
溢出：隐藏；
}
.navi容器.navi菜单a{
显示：内联块；
位置：相对位置；
最高：50%；
转换：translateY（-50%）；}
.公文包容器{
宽度：992px；
位置：绝对位置；
顶部：155px；}
.应用程序容器{
显示器：flex；
宽度：100%；
身高：100%；
弯曲方向：立柱；
顶部：0px；
位置：相对位置；
对齐项目：居中；}
* {
填充：0；
边距：0；}
html，
身体{
身高：100%；
宽度：100%；
字体大小：14px；
字体系列：“蒙特塞拉特”，无衬线；}
#根{
框大小：边框框；
身高：100%；
宽度：100%；}

驾驶舱
您需要启用JavaScript才能运行此应用程序。
仪表盘硬币

洛勒姆

试试：

.navi菜单a{
身高：100%；
…其他CSS样式
}

---

因为它是一个内联块容器，所以可以定义块的大小特性，但如果不定义它们，它将根据内容进行调整。很快，您就可以尝试将class navi容器的高度更新为100%，以调整标记内文本的大小

height: 100%;

---

希望这能奏效

检查是否将

.navi容器

默认值

高度

更改为100%有效。如果是这样，代码中可能还有其他问题

.navi-container {
    width: 100%;
    height: 100%;
}

---

问题在于

a

是一个内联元素。如果希望元素具有高度，则应具有

display:inline block
和高度：100%
是的，它的样式是100%高度。答案不是用来提问的。一旦你获得了50点声誉积分，你就可以更新答案。如果你想让答案一个接一个，将其设置为
display:block和<代码>高度：50%
这样您就可以确保它们将获得父级所拥有的50像素的100%