position:fixed; position:fixedを指定するとabsoluteと同様に、通常の配置から外れて親要素を基準点とした位置に強制的に配置されます。前述のabsoluteとの違いは、スクロールしても位置が固定されたままという点です。 position:sticky; ブラウザ画面の途中から要素をウィンドウ上にくっつけたりするこ...
どうやったら親要素を一致させつつ、position: sticky;の要素をposition: absolute;のように相対位置指定できるかを考えたとき、positionの特性上stickyの要素をabsoluteの要素よりも下に来させて実現するのは不可能だと思い、最終的にこの方法にたどり着きました。 position: stickyは、通常時はposition: st...