左右マージンは入れ子にした時に、全てのマージンを合計した分だけ空きスペースを作る。 たとえばmargin-left:50pxを指定したdivを２回入れ子にすると、左側には100pxの空きが出来る。 Firefox52とIE6で同じ。 上下マージンは入れ子にした時に、最も大きいマージンが適用される。 たとえばmargin-top:50pxを指定したdivを２回入れ子にすると、上側には50pxの空きが出来る。 更に直上にあるタグのmargin-bottomとも比べられるので、 上の例に加えて、直上のタグでmargin-bottom:70pxを指定している場合は、空きは70pxとなる。 上下と左右で全然解釈が違くて頭がフットーしそう
下に行くほど新しいコメントです