横スクロールバーが邪魔で消したい! 横スクロールバーがいらない所で出てきたりしますよね。 (特にスマホ) 横にはみ出した時の為にあえて横スクロールバーを出しておく人もいるのですが、操作上不便なので消す方法です。 overflow-xをhiddenにする CSSは簡単。 [css] .body{ overflow-x: hidden; } [/css] overflow-xは、横にオーバーしたものをどうするかの指示をします。 (overflow-yは縦にオーバーしたものをどうするか指示します。) overflow: scroll; /*スクロールバーを出す*/ overflow: hidden; /*隠す(スクロールバーを非表示)*/ overflow: auto; /*自動(スクロールバーが表示される)*/ 設定したのにまだ横スクロールバーが出る?! 設定もちゃんとしてるのにまだ横スクロー
![【HTML+CSS】横スクロールバーを消したい!|あかねいろ手帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc3846897c39b1d2d5c330f25f9e85cebb29dcc0/height=288;version=1;width=512/https%3A%2F%2Fakaneiro.me%2Fwp-content%2Fuploads%2F2018%2F07%2Flogo9.png)