6

「絶対配置要素は、最も近い配置先祖に対して配置されます。」- MDN: 位置 - CSS

と定義された親がいたとき、私はこれを理解しましたがposition:relative;、私が気付いていなかったのは、position:absolute技術的に「位置付けられた祖先」としての資格があるということでした。

サンプルは次のとおりです: http://jsfiddle.net/MSzZG/テキスト「At top」topに含まれているのではなくウィンドウにプロパティを適用できればいいのですdivが、バイパスできるかどうかわかりません。 .

<div>
 <div>Content
 </div>
</div>
<div style="position:absolute;">
 <div style="position:absolute;top:0px;">At top
 </div>
</div>

以前に配置された絶対要素をバイパスする方法はありますか(固定を使用せずに)? JavaScript ソリューションは許容されます。

4

3 に答える 3

2

答え

いいえ、できません。

推論

それができれば、1 つの div を親から完全に離すことができます。これは、親を「孤独」にするだけでなく、ネストの目的を完全に無効にします。div タグやその他のタグをネストするのは、見た目だけを目的としたものではありません。テキストの意味をユーザーに伝えるために行われます。

あなたのアプローチを再考することをお勧めしますか？おそらく、最終的な結果をどのようにしたいのかを説明していただければ、私たちがお手伝いできるかもしれません. 必ず解決策があるはずです。

可能な解決策

  • 内側の div を一番上に配置する必要がある場合は、1 レベル外に出します。
  • 親から絶対位置を削除します。
  • 絶対位置以外の別の位置決め方法を利用する。
于 2013-06-13T20:58:57.733 に答える