【CSS/overflow】サイトの謎の余白を解消

サイト模写していて、気がづいたらサイトの右に謎の余白が・・・一発で解消するCSSがあったのでご紹介します。サイト作るとき必須の一文かもしれません。

参考サイトはこちらです。

【CSS】overflowの使い方：hiddenやscrollの違いは？

私は、bodyにdivクラス名wrapperでかこんでやって、CSSが下記の内容を当てるだけ。これでスパっと余白が消えました！

.wrapper {
 width:100%;
 overflow:hidden;
}

まとめ

デベロッパーツールで試行錯誤していましたが、同じように謎の余白で苦しんでいる方ぜひお試しくださいませ。デザインにもよりますが、今後はこれプリセットに入れたいと思うコードでした。