css - 私のページのラッパーを通り過ぎる背景画像

Question

誰かが私がここで間違っていることを教えてもらえますか? 背景画像を div の外ではなく div の最後まで移動させたい。

「rule-btm.png」が #wrap-content の外に出ています。

#wrap-page{
  margin:auto; <-- This is to center the content on the page
  min-width:1170px;
  max-width:1280px;
}

#wrap-content{
  margin:0 5px; <--This is for a margin around my content
}

#tagline:after {
    background: url("rule-btm.png") repeat-x;
    content: "";
    float: left;
    height: 7px;
    max-width: 1280px;
    min-width: 1170px;
}

ちょっと気になったので聞いてみます。#wrap-page と #wrap-content の両方をフロートさせるのは正しいでしょうか?

---

<div id="tagline">
  <div></div>
  <div>Test</div>
  <div></div>
</div>

編集: min/max-widths を削除して justwidthに置き換えると、背景を必要な場所に移動できることに気付きました。

誰？

Answer 1

外ではなく、配置する必要があります

例えば

background: url("rule-btm.png") top left repeat-x;