ドロップダウンメニューの位置調整ができません

質問

body設定は以下の通り
body{
margin: 0;
padding: 0;
text-align: center;
　　　～
　　min-width: 900px;
}
このbodyにナビゲーションを設置して
ドロップダウンメニューを配置しようとしていますが位置合わせができずに困っています
基本的な質問ですが、教えて下さい
サブメニュー（ドロップダウンメニュー）のsccの記載は以下のように記載しました
div#subMenu01 {position:absolute; top: 100px; left: 75px;}
div#subMenu02 {position:absolute; top: 100px; left: 150px;}

結果、body枠からでなく、ブラウザ枠からの75px,150pxになってしまいます。
position:relativeにしても上下位置は変わりますが左右は変化しません。
どうしたらbody内で位置調整できるのでしょうか？

回答No.2

Taiyonoshizuku

いや、別にやめなくてもいいけど
position: relative;
を追加する。

とりあえずやってみてよ。PC壊れることはないんだから。
といっても、検証したわけじゃないから変わらないかもしれない。
ただ親要素がrelativeじゃないと、ブラウザ表示領域からの絶対値になっちゃうから

お礼

ありがとうございます
position: relative;　を追加してみましたが変りませんでした。
テンプレートを使用しているため
他の箇所にある何らかの装飾が悪影響を及ぼしているのかもしれません。
根気よく調べてみます。

回答No.1

Taiyonoshizuku

body { position: relative; }
じゃだめなの？

お礼

回答ありがとうございます。
すいません、初心者で、ご指摘はbody設定の
margin: 0;
padding: 0;
をやめてposition: relative;と記載という意味でしょうか？