背景色をいっぱいに広げたい

Question

ページの途中から背景色をつけているのですが、
左右に少し余白が残ってしまいます。画面いっぱいに背景色をつけたいのですが、
どのようにすればいいでしょうか。

html

<div class="background"> ・・・</div>

css

.background{
background-color: #DDDDDD;
}

Comments

[root_jp]

再現するソースの記載をお願いします。

[yyymmm]

HTML　CSSつけました。

Answer 1

.background {
  position: fixed;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #DDDDDD;
}

Comments

[yyymmm]

ありがとうございます！解決しました。

Answer 2

body {
margin: 0;
}

とりあえずページ全てにおいて左右上下の余白がなくなるコードです。

Comments

[yyymmm]

ありがとうございます！！！！こちらで解決しました。

Answer 3

タグの範囲や親要素等が不明のため「推測」での回答です。

ページの途中から･･･左右に少し余白が残ってしまいます。

原因は色々考えられます。「yoshi_0819」さんの回答と同じ意味合いもありますが、以下のCSSコードを最初に入れて見てください。

* {
  margin: 0;
  padding: 0;
}

ブラウザは各HTMLタグに固有のデフォルトスタイルを持っていますので、まずは「リセット」する必要があります。

Comments

[yyymmm]

みなさんありがとうございます。なかなかうまいこといかず、まだ回答募集しております。すみません。

[yyymmm]

すみません、解決しました！