背景色をいっぱいに広げたいのですが上手くいきません

Question

ページの途中から背景色を設定しております。
左右に少し隙間が入ってしまったので、横幅いっぱいに背景色がかかるように
設定したら、一瞬見た感じでは隙間が埋まっていい感じになったのですが、
いらない横スクロールバーが出てしまいました。（オーバーしている）
どのようにすればいいでしょうか・・・

また、間違いなどありましたらご教授いただければと思います。

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

（左右に隙間が出てしまうバージョン）
.background {
  background-color: #deb887;
}
``````css
````css
（上記のｃｓｓでは隙間が左右にできてしまったので、埋めるようなコードを
いれると、横スクロールバーが出てしまう）
.background {
  background-color: #deb887;
margin-left: -500%;
  margin: 0 -500%; /* ネガティブマージンを追記 */
    padding: 0 500%;

}

Comments

[m.ts10806]

htmlもCSSも全体提示されないと再現確認ができないので厳しいかと。何が影響しているかは全体をみないとわかりません。

[yyymmm]

リセットされていませんでした。。ありがとうございました。

[m.ts10806]

質問は編集できますので追記修正依頼を受けたらなるべく対応していただければと。また、「他人が再現確認できる情報」をきちんと提示することで的確な回答が得られて解決も早まります(どんな熟練者もエスパーではありません)

Answer 1

mts10806さんの意見に同意ですが、CSSリセットされてないだけではないでしょうか？
詳しくは省きますが、一番初歩的な方法としては、

*{
   margin : 0;
   padding : 0;
}

これをCSSの最初に挿入したらとりあえずリセットされます。

Comments

[yyymmm]

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