Css 内联flex忽略父级'；当内联块不'；T

我正在使用css flexbox制作网格。我面临的问题是，当我将网格的显示从内联块更改为内联flex时，孩子们不再尊重填充权。在这方面，内联flex的行为不应该与内联块相同吗？如果是，是什么解释了这种差异？我想切换到内联flex的原因是我想让子对象（其显示设置为内联块）垂直排列。我也很好奇为什么溢出y会影响行为

body{margin:0；}
/*包装器设置总高度。我们使用flex使内容充满高度*/
.包装纸{
高度：300px；
显示器：flex；
弯曲方向：立柱；
}
/*网格可以有标题和正文。标题现在被省略*/
.电网{
flex:1 10；/*这使网格与包装器的高度相同*/
显示：内联flex；
弹性方向：列；/*垂直布置内容*/
overflow-y:auto；/*overflow-y奇怪地影响填充是否有效*/
左侧填充：15px；
右侧填充：15px；
}
.网格体{
边缘顶部：50px；
边缘底部：50px；
显示：内联块；/*使宽度与行相同*/
}
.行{
宽度：1420px；
高度：30px；
}

两者在外部表现相同，但在内部则完全不同。一个是创建一个flexbox容器，另一个是一个简单的块容器。这是一个主要的区别更新：在Edge和Firefox中，不管是内联块还是内联flex，都会忽略正确的填充。只有铬显示出不同。