我无法弄清楚为什么firefox和chrome中的负面相对定位不同。 我也不确定Flexbox是最新的还是最好的。 e.g。
在 firefox 上工作：
margin-right:-200px
在 Chrome 上使用：
right:-200px
演示：
答案 0 :(得分：1)
在Firefox中，您将-webkit-box-sizing应用于正在折叠的.flex-item。
您还需要为webkit浏览器添加此属性，例如Chrome。
尝试将-webkit-box-sizing: border-box;添加到.flex-item`
如果没有应用box-sizing，填充将有助于框的宽度，归因于移动-200px后仍然在视图中的框。