質問: progateというプログラミング学習サイトで勉強しているのですが気になるところがあります。
回答: position: relative; top: 7px;とmargin-top: 7px;は、全く違います。 position: relative; top: 7px;にしたブロックだけ上から7px下に下がります。 margin-top: 7px;は、上記と違って余白を空けるという意味です。 つまり、margin-top: 7px;にしたブロックに余白を入れて下のブロックも余白をを入れたブロックから下にズラすような感じ。 説明では分からないから、 position: relative; top: 50px;とmargin-top: 50px;それぞれの違いを見て下さい。