CSSでの位置の固定と絶対の違い

私は位置のいくつかの位置決め方法を特に理解していません、それを記録してください

固定
位置、参照位置はブラウザウィンドウの左上隅、つまり座標点は（0px、0px）

絶対
絶対位置、現在の要素の位置からの出展者は、例えば、相対的な原理の祖先の、絶対的、左上隅の固定方法の最も近くに配置されています

<div style="posistion:relative" id="p1">
    <div style="posistion:fixed" id="p2">
        <div style="position:static" id="p3">
            <h2 style="postion:absolute;left:10px;top:10px">我的参照坐标是id=p2</h2>
        </div>
    </div>
</div>

上記の例から、h2の絶対配置基準点はid = p2の親要素であり、p3は静的静的配置であり、配置点として使用できないことがわかります。