Html初心者！背景画像質問

Question

私はHTMLを学んでおり、Electronics Expoから送付された請求書を再作成して練習したかったのです。

しかし、background-imageプロパティを使用し、repeat-xでそれを繰り返しました。背景はページ全体に広がってドラッグするための水平バーがあります。

http://htmlpocketreference.110mb.com/index.html

あなたは、私が上記の私のリンクに何をしたかを見ることができます。

また、CSSコーディングを簡略化するためのアドバイスをいただければ幸いです。それは本当に面倒なようだと私は何かが変わるとすべての要素を移動する必要があります。 -.-

ありがとう！

Answer 1

固定幅を持たない比較的配置された要素があるためです。これらの要素は、あなたの請求書の幅である親の幅をとり、ページからはみ出してオーバーフローします。彼らに背景色を付けて、あなたは非常に明確にこれを見ることができます：

が要素にこの問題を解決するために一定の幅を与える、あるいは、それらを浮動ように、あなたの要素をレイアウトする他の方法に目を向けます。この問題に加えて

---

、あなたはまた、無効なHTMLを作成しているid属性を、繰り返しています。継承とカスケードを使用してのすべての要素がidである必要がないようにするには、同じスタイルを共有する複数の要素に対してclass属性を使用する必要があります。

さらに読書：

• CSS Positioning 101
• Inheritance and Cascade from The Web Standards Curriculum

Answer 2

問題は、バックグラウンドではありません。問題は、幅を定義せずにブロックレベルの要素に与えている相対的な位置です。

h2要素は（発送先:)と（電話）とすべての段落要素を好きです。これらの要素に特定の幅を指定する必要があり、細かく動作します。

これらの要素に背景色を付けてみてください。 （デバッグ目的のために）ドキュメント内の流れと私の意味を理解してください。