css - 负相对定位firefox chrome兼容性

Question

我想不通为什么 firefox 和 chrome 中的负相对定位不同。 我也不太确定 Flexbox 是最新的并且可以工作。 例如

在 firefox 上工作机智:

margin-right:-200px

在 Chrome 上适用于:

right:-200px

演示:

http://jsfiddle.net/3fJqZ/48/

Answer 1

在 Firefox 中，您正在将 -webkit-box-sizing 应用于正在折叠的 .flex-item。

您还需要为 webkit 浏览器添加此属性，例如 Chrome。

尝试添加 -webkit-box-sizing: border-box; 到 .flex-item`

如果不应用 box-sizing，padding 将影响框的宽度，这归因于框在移动 -200px 后仍在 View 中。

查看结果:http://jsfiddle.net/3fJqZ/54/