質問: ### 前提・実現したいこと 宜しくお願いします。 場違いでしたら、すいません。 ロゴとグローバルメニューに被るように背景画像を配置したいです。 position:absoluteやrelativeを使えば出来る? らしいのですが理解が乏しくできていません。 ### 発生している問題・エラーメッセージ ``` エラーメッセージ ``` ### 該当のソースコード 無題ドキュメント Top Concept product contact Consept petit gateauのショートケーキは、茨城の老舗洋菓子店プチガトーで 約20年以上改良を繰り返したショートケーキから生まれました。 特徴 1.甘さと酸味のバランスが絶妙ないちご 2.あっさりと仕上げた生クリーム 3.しっかりと したスポンジ product 苺 苺は、いばらきっすを使用しています。いばらきっすの最大の特徴は、糖度が 高く酸味とのバランスがよいところです。契約農家さんから毎日仕入れており新鮮 さは抜群です。等級は特選以上のものを使用し見た目や形色などが良いものを使用 しています。 生クリーム 生クリームは、重くて食べられない。そんな方が多いと思われます。当店では軽さ ・なめらかさの中にコクを入れ、あっさりと仕上げました。軽さ、キレをだすのに有効 な内地産低脂肪クリームとコクと風味のある北海道産高脂肪クリームをブレンドしまし た。こだわりの究極の生クリームを楽しめます。 スポンジケーキ 卵の卵黄と卵白を別々に泡立てて作るスポンジケーキです。別立ての場合、卵白が 非常に泡立ちやすく、目の粗い固めの泡ができます。結果として、多くの空気を含み、 やや目が粗くコシのあるしっかりとしたスポンジになります。口どけの良さや風味の強 さが特徴です。 企業名 株式会社 代表 代表取締役 兼 CEO 本社住所 〒3092789 Gruyeres all right reserved. ### 試したこと 親要素?がrelativeに設定しないとできないと書いてあったので そのようにしてみました。ですが、変わりません。 ### 補足情報 cssを記入します。 @charset "UTF-8"; /* CSS Document */ h1,h2,li,ul,img,{ padding: 0; margin: 0; } li{ list-style-type: none; } .wrapper{ width:980px; margin:0 auto; } /*******h1の画像********/ h1{ float:left; margin-top:5px; margin-left:20px; } /*****ここら辺がよくわかっていません。。****/ top{ position: relative; } topback{ position: absolute; } /*navの設定*/ nav ul{ top:10%; left: 50%; float: right; } nav li{ float:left; margin-top:90px; margin-right:60px; }
回答: 一般的に`position: relative;`は入れ子の「親div」に使用し、`position: absolute;`は同じ入れ子の「子div」に使用するのですが、「親div」のどこに、「子div」を配置するのかの「位置の指定」も「子div」には必要となります。上から○○px、左から△△px等です。 親divの大きさと位置を決めてから、子divをどこに配置するかを調整すれば良いかと思います。 参考リンク: