我不明白为什么 Firefox 和 chrome 中的负相对定位不同。我也不太确定 Flexbox 是最新的还是可以工作的。 例如
在Firefox上工作机智：
margin-right:-200px
在Chrome上适用于：
right:-200px
演示：
问问题
933 次
1 回答
1
在 Firefox 中，您正在应用-webkit-box-sizing到.flex-item被折叠。
您还需要为 webkit 浏览器（如 Chrome）添加此属性。
尝试添加-webkit-box-sizing: border-box;到 .flex-item`
如果不应用 box-sizing，填充将有助于盒子的宽度，归因于盒子在移动 -200px 后仍然在视图中。
查看结果：http: //jsfiddle.net/3fJqZ/54/
于 2013-03-25T17:00:15.143 回答