css - CSS での絶対配置 (使用する値)

Question

絶対配置のために上と左に使用する数字をどのように知っていますか?

Answer 1

主に、希望する値になるまで数値を変更し続けます。目的の結果が得られるまで、設定して更新し、それを繰り返すことができます。

また、開発者ツールを表示することもできます (Chrome で右クリックして要素を調べるなど)。これらの数値を変更して、ページ上でライブで更新されるのを確認できます。その後、正しい番号を CSS ファイルにコピーして戻すことができます。

Answer 2

• 親要素は position:relative でなければなりません
• 子要素は position:absolute でなければなりません

leftは、親要素の内部左境界線の子要素を区切る値です。

topは、親要素の内側の上部境界線の子要素を区切る値です。