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

当ページのリンクには広告が含まれています。
  • URLをコピーしました!

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

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

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

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

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

目次