Я не могу понять, почему отрицательное относительное позиционирование в firefox и chrome отличается. Я также не уверен, что Flexbox является последним и работает. , например.Отрицательное относительное позиционирование firefox chrome совместимость
На FireFox работает остроумие:
margin-right:-200px
На Chrome работает с:
right:-200px
Демо:
В Firefox вы применяете -webkit-box-sizing к обрушению .flex-item.
Вам также необходимо добавить эту собственность для веб-браузеров, таких как Chrome.
Попробуйте добавить -webkit-box-sizing: border-box; к .flex-item`
Без коробчатой проклейки применяется, прокладка будет способствовать ширине бокса, приписывая коробок еще будучи в поле зрения после перемещения -200px.
Посмотреть результаты: http://jsfiddle.net/3fJqZ/54/