謎のpaddingがあります。

Question

画像を見てもらうろわかると思いますが、右に謎のpaddingがあります。また<ul>の上と下にmarginがあって背景画像が灰色の<div>にリストがきれいに当てはまりません。どうすれば解決しますか？

Comments

[coco_bauer]

ソース(HTMLとCCS)を画像から読み取るのは無理です。テキストとして質問に追加してください。

[dit.]

リセットやノーマライズ系のCSSは使用していないという認識でよいのでしょうか？coco_bauerさんも指摘してますが、状況が再現できる「コード」を提示してください。その際、https://teratail.com/help/question-tips#questionTips3-5-1を参考にコードブロックとして載せてください。（コードをコピペし、ドラッグで選択して<code>ボタンを押すのが楽です）

[m.ts10806]

回答する際、画像を見るだけではなくコードにより再現を行います。そのためにはHTMLも含めた再現ができるコードがないと何とも言えません。想像による部分が多いと問題解決につながる回答にはなりづらいです。

[退会済みユーザー]

わかりました。以後気を付けます。

[m.ts10806]

質問は編集できるので適宜対応してくださると。

Answer 1

ほとんどのブラウザでulにはデフォルトでmarginとpaddingがつきます。
https://takuo4649design.com/weblog/note/archives/3783
なのでそれをクリアして下さい。

#left>ul{
    margin: 0;
    padding: 0;
}

Comments

[退会済みユーザー]

なるほど。ありがとうございました。