CSS

横幅がはみ出てブラウザの横するロールバーが出てしまう

CSS

ちょっと初心者的なんですが、ハマってしまったのでメモです。

要素に対して、横幅100%にしているんですが、ブラウザからはみ出てしまいました。
marginやpadding、box-sizeing:no-border; を設定してもはみ出るようで、Chromeの開発パネルで検証を行うとどうやら、body要素が問題っぽい。

調べてみると下記のように、htmlに「overflow: auto;」、bodyに「overflow: hidden;」を設定するとはみ出なくなりました。

こういうことは今まで無かったのですが、使っているjQueryプラグイン(画像スライダーなど)とかの問題もあるのかもしれません。
今後は、リセットとして、セットしておくようにしてもよいかもしれません。

ABOUT ME
マシュマロ
Webクリエイター、SEO対策,ガジェット,アフィリエイト情報などを公開中イラスト素材サイトも運営中です。イラストたうん