html - 同じhtmlページで「相対位置」を複数回使用することは可能ですか?

Question

マスターページで「相対位置」と「絶対位置」を使用しています。

上記のマスターページを使用するページがあり、このページで他の 2 つの要素に対して「相対位置」と「絶対位置」を使用しようとしていますが、このページの下の要素 (「絶対位置」) は彼の上にある要素（「相対的な位置」）に従って配置されず、代わりにマスターページ内の要素の「相対的な位置」を参照します..

あまりにも不器用な説明ではなかったことを願っています..

同じ HTML ページで「相対位置」を複数回使用することは可能ですか? もしそうなら、どのように??

ありがとう、エフ。

score 1 · Accepted Answer

あなたの質問に: 相対または絶対に配置する要素の数に制限はありません。

ただし、ポジショニングはかなり難しいです。要素の配置が間違っているのは、CSS の定義が間違っていることが最も確実です。

それがどのように機能するかについて簡単に説明します。

すべての要素には標準の配置がありstaticます。

ただし、position:relative好きなだけ要素を定義できます。これでtop|left|right|bottom、要素を元の配置に対して相対的に移動できます。(元のスペースは占有されたままです!)

position:absolute好きなだけ多くの要素で定義することもできますが、動作が異なります:

要素は元の配置を占有せず、静的に配置されていない最初の祖先要素に対して相対的に配置されます。（これはあなたが言及したエラーだと思います-兄弟がいますposition:relativeが、絶対配置された要素は、相対/静的位置を持つPARENT要素に従って配置されます）

これらは非常に基本的なものにすぎません。詳細については、この記事をお読みください。

score 0 · Accepted Answer

関連するコード/情報/デモを追加するまで、コードとレイアウトに問題がある理由についてはお答えできませんが、1 つのページに複数の相対的に配置された要素を配置できることは保証できます。実際、スタイルを適用して配置できます。必要な回数だけ任意の要素に。

element { 
    position:relative; 
        }

element2 { 
    position:relative; 
        }

要素のルールを具体的に定義しているだけです。ルールは互いに独立しているため、ルールを使用できる回数に関するルールはありません。

参照

要素の配置がどのように機能するかを理解するには、おそらくこのページを読む必要があります。

2 に答える 2