位置を静的から相対的に変更すると、絶対スパンが消えます

Question

私のページには2つの異なるスパンがあります.1つはabsolute、もう1つはrelativeです。プランカコードはhereです。

は今、私は絶対位置div要素が完全に

しかし、私はstatic位置に私のrelative -ly配置スパンを変更する、として隠されている参照、absolute位置スパンは、としてトップに来ます

css-tricks

、言います

position: relativeを設定すると、あなたは

position: static;としてそれを放置すれば、それは次のようになりとしての要素が、無他の位置決め 属性（ top、 left、 bottomまたは right）で、それがすべてで ポジショニングだ効果なしに、それが正確になります

私が見る通り、relativeとstaticは同じではありません。 relativeとstaticの位置は、最上位レイヤに表示されるものにどのように影響しますか？

Answer 1

アブソリュート divが表示されています。そのクラスのメンバーは、相対クラスのスパンの後に絶対クラスのスパンを作成したため、緑色のブロックが黒の上に表示されます。もしあなたが絶対クラスのためにz-index:2;を与えたら、絶対クラススパンを見ることができます