我是 Flexbox 新手，我的问题如下：
\n\n我的导航上有一个子菜单，绝对定位并使用弹性盒。
\n\n在 Chrome / Firefox 中一切正常，没有测试 Safari。
\n\nIE11 正在显示我的子菜单，但它的子元素溢出（这破坏了我的:hover）。
在 IE 中检查此 codepen 以查看问题（简化版本）：
\n\nhttps://codepen.io/CamilleVerrier/pen/GvLojN
\n\n我尝试了 StackOverflow 或 CanIUse 中建议的很多内容，例如单独设置 flex 属性：
\n\nul.sub-menu li {\n flex-grow:0;\n flex-shrink:1;\n flex-basis:0px;\n}\n但这似乎不起作用。
\n\n在我的测试过程中，我发现如果删除position:absolute，一切都会恢复正常（但我的菜单显然会损坏）。
那么...是返回 inline-block 还是 float 的解决方案？（请不要啊哈哈）
\n\n谢谢 ！（抱歉我的英语）
\n\nul.sub-menu li {\n flex-grow:0;\n flex-shrink:1;\n flex-basis:0px;\n}\n/* General styles */\r\n\r\nbody {\r\n background: tomato;\r\n font-size: 1.2rem;\r\n font-weight: bold\r\n}\r\n\r\na {\r\n color: black;\r\n text-decoration: …