ie 与 谷歌 的 css 问题。在谷歌下 .c 盒子的宽度是 1320px。 而 ie 是 460px（不超出父盒子.b）头痛!

<meta charset="UTF-8"> <meta cOntent="width=device-width, initial-scale=1.0" name="viewport"> <meta cOntent="ie=edge" http-equiv="X-UA-Compatible"> <title>Document</title> <style> .a { width: 500px; height: 500px; background: #448899; overflow: hidden; position: relative; } <pre><code>.b { width: 100%; height: 400px; background: #892989; position: absolute; } .c { height: 350px; display: flex; align-items: center; background: turquoise; position: absolute; } .c>li { flex-shrink: 0; width: 200px; height: 300px; margin: 0 10px; background: chocolate; } </code></pre> </style>