FirefoxとChromeの負の相対位置が異なる理由がわかりません。また、Flexboxが最新で機能するかどうかもわかりません。 例えば
Firefoxで動作します:
margin-right:-200px
Chromeでは以下で動作します:
right:-200px
デモ:
FirefoxとChromeの負の相対位置が異なる理由がわかりません。また、Flexboxが最新で機能するかどうかもわかりません。 例えば
Firefoxで動作します:
margin-right:-200px
Chromeでは以下で動作します:
right:-200px
デモ:
Firefoxでは、折りたたま-webkit-box-sizing
れていることに適用しています。.flex-item
ChromeなどのWebkitブラウザにもこのプロパティを追加する必要があります。
-webkit-box-sizing: border-box;
.flex-item`に追加してみてください
ボックスサイズを適用しない場合、パディングはボックスの幅に影響し、-200px移動した後もボックスが表示されたままになります。
結果を参照してください:http://jsfiddle.net/3fJqZ/54/