margin-top:で親要素が下がってしまう

親要素のpadding-top を 0 にした場合、CSS の仕様上、ボックス内の最初の要素の margin-top の分だけ、親要素が下がってきてしまう。厳密には違うらしいが。

ひとまず

この場合は親要素のpadding-topに最低1PX確保してしまえば見方はOK」。