【9割が勘違い】position: absolute の基準

position: absolute; は 「親要素を基準に動く」と思われがちですが、 実は違います。 正解は 一番近い position が指定された親要素。 なければ viewport が基準になります。 だからこそ、 親に position: relative; を忘れると 意図しない位置に飛ぶ事故が起きます。