フルスクリーン仕様なのにie11で横スクロールバーが出てしまった | プログラミング備忘録フルスクリーン仕様にしたCSSなのにie11だけ横スクロールバーが出てしまった件。 疑わしい要素を一個づつ削除して調べていくと原因は position:absolue; left:50% width:70% と設定しているブロックだと特定出来た。 いわゆる真ん中寄せの設定がしてある。 実際はさらに transform: translateY(-50%) translateX(-50%) ↑これとtopの指定がしてある。 ここまで子ボックスの設定。 親ボックスはwidth:100% 子ボックスはleft:50%なので親ボックスのX軸の中心に左端が位置している。 図1 これだと横スクロールバーが出ても納得だよね。 親ボックスとブラウザは横幅一緒なのでそれよりも右端に飛びだしてる要素（子ボックス）があるから横スクロールバーが出る。 でも子ボックスにはtranslateの設定があるから trans
