質問: ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/43ddc8307f9ac4188435470aaa75f8d6.png) サイトの右に30pxくらいの謎の余白ができてしまい消えません。 以下を試しました。 1グーグルクロームの検証を使って原因を探してみました。 ul li タグに list-style:none;を設定していてその部分が検証でははみ出しているクラスだったので以下のようにしてスペースを消しました。それでも右のスペースはきえなかったです。 ``` ul li{ margin:0; padding:0; font-size:0; } ``` 2bodyにmarginとpadding共に0にする ``` body{ margin:0; padding:0; width:100%; } ``` (2でも消えませんでした。) 3他のブラウザでチェックする safari、グーグルクローム、firefoxともに右余白がきえていませんでした。 検索して調べた限りだと余白の解消は 1余白ができる原因のクラスを見つける(例:margin-right:30pxなどなど) 2bodyにmargin:0; padding:0;を設定する。 くらいでした。他に原因はあるのでしょうか。 ちなみにブラウザでもレスポンシブ(スマホサイズ)でも余白ができています。 よろしくお願いします。
回答: どうゆうソースか不明なので、以下を追加してみてもだめでしょうか? ``` この中に全てのソースをつっこむ ``` ``` #wrapper { width:100%; overflow:hidden; } ``` 試してみてくださいませ。