サイトの余白をなくしたいです

Question

前提・実現したいこと

作成中の模写サイトに初期からある余白をなくしたいです。
上下の余白は消えましたが、左右の余白は消えません。
わかる方教えてほしいです。

該当のソースコード

* {
    padding: 0;
    margin: 0;
}

画像

Comments

[Lhankor_Mhy]

ソースコードを書きましょう
https://teratail.com/help/question-tips#questionTips3-5-1

3-7. markdownを利用しましょう
https://teratail.com/help/question-tips#questionTips3-7

[miyabi_pudding]

VSCodeのエミュレータより、通常のブラウザで最終確認した方が正確かと・・・。
Chromeなどの実ブラウザでも同じく余白ができますか？

[m.ts10806]

コピペで再現確認できるコードをご提示ください(※画像に入ってるコードはコピペできません)

[m.ts10806]

質問は編集できます。
同じような形の質問を繰り返すようでしたら同じ指摘がつきつづけ、そのうち誰も相手しなくなります。
指摘があるのなら回答に飛び付く前に対応すべきかと思います。

Answer 1

chromeの開発者ツールでなぜ余白があるのか見てみてはどうでしょうか？
コードを見なければどうとも言えないですが、以下のコードに変えてみてください

* {
    padding: 0 !important;
    margin: 0 !important;
}

Comments

[m.ts10806]

あまりよくはないですね。というより悪手(問題切り分けのための臨時対応ならあるけど)
他でpaddingなりmarginなり使いたくなったときにまたimportantつけなければならなくなる。
*に指定すると影響は全ての要素ですし。

[miyabi_pudding]

初心者マークついてる人が、最初からこの手法覚えてしまうと、後が大変そうですね・・・。

[_ecs]

>m.ts10806さん >miyabi_takatsukさん
おっしゃる通りなのですが、現状htmlを載せられてないのでこれしか回答のしようがないのです。。。

[m.ts10806]

はい。それには同意です(なので回答に低評価はできません)。
修正依頼を無視する上に解決してもフィードバックしない人のようなので後でどんなに困っても仕方がないですね。

[miyabi_pudding]

> 現状htmlを載せられてないので

そういう時のための質問修正依頼だと思いますよ。
HTMLを載せてもらうようお願いするのがいいと思います。
（ただし、この今回のようなパターンだと、十中八九、解決後は質問を参照してくれない傾向）