position: absolute で top: 0px; left: 0px; を指定すると余白なく左上詰めで要素が配置されますが、何も指定しない場合（ static の場合）に余白が生じるのはどうしてなのか教えていただけますでしょうか。

下記は box1 のみ position:absolute; top:0px left:0px を指定したものになります。