Html 绝对定位伪元素在IE中充当flex容器中的块元素

几个月前我写代码时，我可以发誓这不是一个问题，但今天我注意到我的很多代码在IE中开始出现错误。我将问题追溯到CSS-

display:flex

with

justify content:space-between

我有一个带有左右菜单的导航容器和一个用于背景转换的伪元素。在IE中，伪元素充当块元素，因此容器的子元素被对齐，就好像有三个项而不仅仅是两个

你也可以

nav{
显示器：flex；
证明内容：之间的空间；
}
导航：以前{
内容：“；
位置：绝对位置；
宽度：10px；
高度：10px；
背景颜色：橙色；
}

左边


正确的

众所周知，IE有很多flex bug。在这里，您可以在第一个
p
元素上使用
marginright:auto
，而不是
justify content:space-between
，以获得相同的效果

请参阅下面的演示和：


nav{
显示器：flex；
证明内容：之间的空间；
}
第一个孩子{
右边距：自动；
}
导航：以前{
内容：“；
位置：绝对位置；
宽度：10px；
高度：10px；
背景颜色：橙色；
}

左

对

众所周知，IE有很多flex bug。在这里，您可以在第一个
p
元素上使用
marginright:auto
，而不是
justify content:space-between
，以获得相同的效果

请参阅下面的演示和：


nav{
显示器：flex；
证明内容：之间的空间；
}
第一个孩子{
右边距：自动；
}
导航：以前{
内容：“；
位置：绝对位置；
宽度：10px；
高度：10px；
背景颜色：橙色；
}

左

对

嗨，对不起，我正忙着其他事情。是的，我可能不得不使用这个变通方法。但我不明白的是，大约5个月前，我们有QA检查IE，但他们没有报告。现在我在IE:D中有一个以一堆页面为中心的徽标，所以我更感兴趣的是看看IE是否有任何更新，但我认为这些更新不会再出现了。嗨，对不起，我正忙于其他事情。是的，我可能不得不使用这个变通方法。但我不明白的是，大约5个月前，我们有QA检查IE，但他们没有报告。现在我在IE:D中有一个以一堆页面为中心的徽标，所以我更感兴趣的是看看IE是否有任何更新，但我认为这些不会再出现了。