Css Chrome未拉伸显示：flex容器中的表格元素

关于垂直居中、偶尔出现的flexbox拉伸异常，或者

块

和

表

元素之间的差异，有很多问题，但是我找不到关于这个特定组合的（意外）行为的任何信息

我正处于一个有点棘手的情况，因为标记给了我：

#导航栏容器{
/*给定*/
位置：相对位置；
显示器：flex；
宽度：100%；
}
#导航栏{
/*给定*/
柔性生长：1；
显示器：flex；
弯曲方向：行；
/*举例说明*/
背景色：红色；
}
.导航项目{
/*给定*/
柔性生长：1；
文本对齐：居中；
/*垂直添加到中心.nav链接内容*/
显示：表格；
/*如果没有这个Chrome和Edge，就不会延伸到#navbar（-container）的高度，但Firefox可以*/
/*身高：100%*/
}
.导航链路{
/*垂直添加到中心内容*/
显示：表格单元格；
垂直对齐：中间对齐；
/*应该覆盖导航栏的红色背景*/
背景颜色：浅绿色；
}

项目1
项目2
项目3

给你

表元素有一个内部“表包装盒”。此包装器已拉伸，但实际的表本身未拉伸到该框。表格高度仅随内容或指定高度而增加

---

原因尚不清楚，但Firefox显然会自动拉伸实际表格。

您的问题与块和表格之间的显示差异有关。这回答了你的问题吗@不，我不这么认为。在这个问题或答案中，我找不到与为什么在某些浏览器中，

display:table

元素不会在flexbox容器中拉伸有关的任何内容。那么，这里就说明了，如果不指定height@MaxiGui哦，那很有趣。所以你是说表“包装器”被拉伸了，但实际的表本身并没有拉伸到那个盒子？事实上，表不会拉伸