Html IE11中与display:flex重叠的行
IE11有一个问题：我希望Html IE11中与display:flex重叠的行,html,css,flexbox,internet-explorer-11,Html,Css,Flexbox,Internet Explorer 11,IE11有一个问题：我希望选项卡栏占据它需要的高度，一行或多行 表格应占据剩余高度，并显示水平和垂直滚动条 当宽度太窄，按钮被包裹在第二个、第三个，。。。线路 在IE11中有没有其他方法可以实现这一点 #容器{ 显示器：flex； 显示：-ms flexbox； 弯曲方向：立柱； 高度：100vh； } 塔巴先生{ 显示：块； 文本对齐：左对齐； 列表样式类型：无； } 李先生{ 显示：内联块； 背景色：#ddd； 字体大小：30px； 填充：10px 20px； 保证金：5px； } 桌子{
选项卡栏#容器{
显示器：flex；
显示：-ms flexbox；
弯曲方向：立柱；
高度：100vh；
}
塔巴先生{
显示：块；
文本对齐：左对齐；
列表样式类型：无；
}
李先生{
显示：内联块；
背景色：#ddd；
字体大小：30px；
填充：10px 20px；
保证金：5px；
}
桌子{
显示：块；
flex:1自动；
字体大小：16px；
最小高度：100px；
溢出：滚动；
背景颜色：橙色；
}
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
IE11允许ul.tabbar
flex项缩小到其内容（列表项）的大小以下
列表项溢出了ul
，与下面的表格重叠
要在IE11中看到这种效果，请在.tabbar
中添加边框或溢出：隐藏
其他浏览器不允许容器缩小到其内容的大小以下
要修复此问题，请将以下内容添加到代码中：
.tabbar { flex-shrink: 0; }
#容器{
显示器：flex；
显示：-ms flexbox；
弯曲方向：立柱；
高度：100vh；
}
塔巴先生{
显示：块；
文本对齐：左对齐；
列表样式类型：无；
弹性收缩：0；
边框：1px红色虚线；
}
李先生{
显示：内联块；
背景色：#ddd；
字体大小：30px；
填充：10px 20px；
保证金：5px；
}
桌子{
显示：块；
flex:1自动；
字体大小：16px；
最小高度：100px；
溢出：滚动；
背景颜色：橙色；
}
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行
一行