2017-08-20 14 views
0

私はこのarticleのMDNの "Positioning Techniques"を読んでいます。 「絶対配置要素は、その最も近い配置された祖先要素に相対的な位置に固定できます」ということについて説明しています。配置された祖先とは何ですか?

"ポジショニング祖先"についての私の理解は、静的以外の位置プロパティを持つ祖先です。しかし私は自分の考えを検証するために専門家の意見が必要です。

+0

これは詐欺機であると確信しています。適切なターゲットが見つかるまで、私はここで言います:あなたの理解は正しいです。別の解釈が始まるためには、そこにどのような揺れの部屋があるのか​​わからない。 – TylerH

+0

はい、そうです。 – philraj

答えて

1

配置祖先を参照する場合、我々は(デフォルト)static以外セットposition値を持つ要素に最も近い祖先を意味します。

だからここに2つの前提があります。

  1. は、複数の配置祖先たちが意味最も近いがある場合。
  2. 祖先がある場合は、position:static(おそらくJavaScriptによって設定されていますが、「祖先」を変更するために)祖先を意味するものではありません。

なぜこれが重要ですか? 「祖先に位置する」は、leftおよびtopのようなプロパティが計算される参照であるため、子孫にposition:absoluteが与えられているとします。子孫の「参照要素/親」とも呼ばれます。
また、この最も近い祖先がz-indexauto以外)のセットを持つ場合、その子孫のスタッキングコンテキストが作成されます。

1

From the W3C:

この場合

を含むブロックは、最も近い位置する祖先です。 「位置付け」とは、positionプロパティが 相対、絶対または固定、つまり通常の 静的要素を除くすべての要素に設定されている要素を意味します。

Long description for example illustrating positioning with respect to a positioned ancestor

比較的配置祖先 ( "外側")によって確立されたブロックを含みます。

およびCSS Module 3の場合、そのページで「位置祖先」を検索します。

+0

@AndreiGheorghiuだから、あなたは、Tim Berners-Leeが間違っていると言っているのですか?私はあなたがW3Schoolsにリンクしていると思っていると確信していますが、私はしませんでした。リンクは、W3CからのCSS仕様への記事です。いずれにしても、あなたの声明はW3Schoolsについて何年も真実ではありません。 – Rob

+0

あなたは正しいです、私の前のコメントはあなたがW3Schoolsをリンクした間違った印象に基づいていました。私はお詫びし、私はあなたが私のお手伝いをすることを保証します。 –