top,left,translate,padding-topなどに指定するパーセント値が何に対する割合なのかを理解する - Qiita

topやleftなど「距離や長さ」に関するCSSプロパティで値にパーセント値を指定したとき、それが「何に対する割合」なのか私は理解があやふやだったので、この記事では理解するためのポイントを整理したいと思います。例として次の４つのケース...