Css 如何更改Flexbox项目的高度？

我尝试为flex项目设置高度（父元素的100%）。这是导航中的一个li标签。我在每一个li标签上都留下了一个边框，但是边框不适合集装箱的大小。另外，最好是单击区域中的任意位置，而不是直接单击-标记，这样我就可以使导航的a标记也达到100%

我设置了一个最小高度，并用display:block进行了尝试，但这并不能解决这个问题

a{
文字装饰：无；
颜色：白色；
}
导航{
背景：#100e17；
}
.内联{
显示：内联；
}
.flex{
显示器：flex；
对齐项目：居中；
}
.reset{
保证金：0；
填充：0；
}
#导航标志{
显示器：flex；
对齐项目：居中；
左边距：1 em；
}
#标识文字{
字体大小：1.5rem；
颜色：白色；
保证金：1rem；
左边距：0.3雷姆；
}
#导航{
高度：自动；
宽度：2em；
}
梅努特姆先生{
字体大小：1.5rem；
保证金：0雷姆1.5雷姆；
}
李先生{
左边框：1px实心#201c29；
最小高度：100%；
}

网格的完整指南










```

使用

对齐项目：拉伸以使其达到100%高度。移除<代码>最小高度：100%，然后将锚定样式设置为100%高度，弯曲并对齐中心


a{
文字装饰：无；
颜色：白色；
}
导航{
背景：#100e17；
}
.flex{
显示器：flex；
对齐项目：拉伸；
}
.重置{
保证金：0；
填充：0；
}
#导航标志{
显示器：flex；
对齐项目：居中；
左边距：1 em；
}
#标识文字{
字体大小：1.5rem；
颜色：白色；
保证金：1rem；
左边距：0.3雷姆；
}
#导航{
高度：自动；
宽度：2em；
}
梅努特姆先生{
身高：100%；
显示器：flex；
对齐项目：居中；
字体大小：1.5rem；
保证金：0雷姆1.5雷姆；
}
李先生{
左边框：1px实心#201c29；
}

网格的完整指南











PS:align items:center（对齐项目：居中）”属性将剪切高度。我可以用某种方式修复它吗？删除
对齐项：居中然后将文本居中，而不是元素居中