見出し画像

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

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

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


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

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

まとめ

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

この記事が気に入ったらサポートをしてみませんか?