:ツイートiOSのSafariでのサイト表示時に、bodyにoverflow-x:hidden;を指定してもCSSが効かずに表示領域(ウィンドウ)の幅を超えて横スクロールができてしまう時の対処方法になります。先日、スマートフォン用に横からスライドさせて表示させるメニューを作成したのですが、bodyに指定したoverflow-x:hidden;が効かずに、表示領域外に配置しているスライド前のボックスが表示領域の幅を超えて横スクロールで表示できてしまう状況に遭遇しました。PCでの表示は問題なくCSSが効いているので、一部のスマートフォンブラウザもしくは旧バージョンのSafariにて発生するものではないかと思います。過去に制作したものでは、overflow-x:hidden;の指定のみで問題なく効いていたので、要素の配置の仕方によっても効かない場合はあるようです。relative;を追加することで対応できると思います。効かなかった時の対処方法」でした。