CSS：進行中のサイトへ

Question

たぶん簡単に相対的な位置のdiv内の絶対位置のテキスト - http://www.roadsafetyforchildren.co.uk/

私は（imgある）青いバーの上にページの下部に黄色のテキストを配置します。

私はposition:relative;のdivを持っています。その中にposition:absolute;という別のdivがあります。私はあなたが絶対divにtopポジションを割り当てるとき、それを起点として相対divの先頭を取ると思いましたか？ Mineは画面の上部を出発点として取っています。そのため、一番上の位置が大です。

明らかに、ページの高さ/幅に応じて、青色のバーで黄色のテキストを移動したいと思います。

私が見る限り、絶対位置を使用して見ることができるのはこれを解決する唯一の方法ですか？

多分私は相対的な場所の中に絶対配置されたdivを置くという考え全体を理解していないでしょう！

Answer 1

#footer divは絶対配置されていますが、配置された要素内にはありません。私が見る唯一の相対的な要素は#actual-contentであり、これは兄弟である#footerです。絶対配置された要素を相対要素の中に配置すると、記述したように機能します。

Answer 2

divは絶対配置されたdivがである必要があります。あなたがリンクしているサイトではそうは思われません。