Html IE 11中包含输入标签时的Flexbox项目高度

在这把小提琴里，我有一个flexbox，里面有两件东西。第二个从第一个底部延伸到屏幕底部。我在IE 11中注意到的是，当第一个项目包含输入标记时，IE会在项目的底部添加一个填充或边距。输入标记越多，边距越大。这在Chrome或Firefox中不会发生。 我是否遗漏了什么，或者这是IE的已知问题

.container{
高度：100vh；
显示器：flex；
弯曲方向：立柱；
}
.非词汇项{
背景颜色：橙色；
}
1.flexitem{
flex:1自动；
背景颜色：浅绿色；
}

弹性项目

IE11因其具有许多优点而闻名。但是，在这种情况下，为什么所有的

标签都是空的？只需将

.nonflexitem

flex项设置为列方向的嵌套flex容器（与父项类似），删除所有分隔符，它就可以跨浏览器工作：这只是一个示例。实际上，输入标记位于一个表中。IE11以具有多个分隔符而闻名。但是，在这种情况下，为什么所有的

标签都是空的？只需将

.nonflexitem

flex项设置为列方向的嵌套flex容器（与父项类似），删除所有分隔符，即可跨浏览器工作：这只是一个示例。实际上，输入标记位于表中。