positionについて。

Question

ご教示お願いいたします。

前提・実現したいこと

ショップページ部分作成。
（ショップページ内で画像を好きな場所に配置）

回答して頂いた方々ありがとうございました。
再度一から作り直すと問題が解決しました。

Comments

[Lhankor_Mhy]

「shop‐pageの親要素にposition:relative;を」とのことですが、shop‐pageとはなんですか？

[Lhankor_Mhy]

おや、消すんですね……

[退会済みユーザー]

Lhankor_Mhy様

先ほど、一から作り直したところ問題解決致しました。
気にかけてくださりありがとうございます。

[Lhankor_Mhy]

ご解決されて何よりです。

BAを選んで質問を解決済みにしてください。

[退会済みユーザー]

Lhankor_Mhy様

「shop‐pageの親要素にposition:relative;を」とのことですが、shop‐pageとはなんですか？
→こちらに対して回答しておらず申し訳ございません。
上記は私の書き方に問題があり、「shop‐page『を』親要素としたとき」と記入するべきでした。

ベストアンサーについて
自分が親要素と見ていたものが子要素であり、そこに問題が生じていたため
親子関係についてご回答していただいた回答者様にBAとさせて頂きました。

私の為に時間を割いて頂きありがとうございました。

[Lhankor_Mhy]

とんでもございません。

BA選出ありがとうございます。
お手数おかけいたしました。

Answer 1

ちょっと明示されてるだけでは厳密にはわかりません。

示されてる情報を見る限りはStoreとAccessは親子関係必要ないんですよね？

positionは闇なんか無くて、あくまでrelativeになってる親に対してabsoluteが効きますので、StoreとAccessでそれぞれ完結させれば済む話だと思います。

それぞれが親（relative）になるようにして、その中で配置したい物をabsoluteで定義して下さい。

一緒にできないのであればそれをまた質問に追記するべきかと。

Comments

[退会済みユーザー]

landy77様　ご回答ありがとうございます。

示されてる情報を見る限りはStoreとAccessは親子関係必要ないんですよね？
→StoreとAccessは親子関係ではございません。

私もそれぞれで完結していれば問題ないと思っていたのですが、今回は何故か上手くいきませんでした。
(実際にhtmlではそれぞれを完結させて作成しています。)

これ以上どう説明していいのか自分でも分からないので、
access部分のhtmlとcssを追記してみます！

[退会済みユーザー]

landy77様

先ほど問題が解決致しました。
landy77様に言われた通り再度親子関係を見直し、作り直したところ問題が解決に至りました。