translateXを使うと、IEで横スクロールバーが表示されてしまう問題

IEがついにサポート終了ということでその界隈は賑わってますね。

そんな中、IEエラーでひとりてんやわんやしてました、maiです。

画像と文字を重ねたり、背景からはみ出すように要素を配置するときに
translateXを使っているのですが、
IEだと謎の横スクロールバーが表示されてしまう（事がある）んです…！

chromeやfirefox、edgeでは普通に表示されていたのにー！

知らなかったのでテンパりました…笑

やっとの思いで見つけ出した解決策がこちら。

bodyにoverflow-x: hiddenを指定する

overflow-x: hidden

これで横スクロールバーが表示されなくなりました。

もちろん他ブラウザでの表示も問題なしです。よかった～！

サポート終了とはいいつつも当分はIEの事も考えてコードを書く日々が続くので、
忘れないようにメモメモ。

もし同じようにテンパっておられる方がいらっしゃいましたら、お役に立てれば幸いです。