marginプロパティの相殺について

calendar

reload

Webの仕事について早11年。HTMLのコーディングなら一通りできていると思っていたが、こんな基礎的な事が知らなかった。ショックだぜぃ。

1、左右隣り合うmarginは相殺されない

普通隣り合う上下のmarginは大きい値に合わさるんだけど、左右となり合う(つまりfloatしてる時ってこと!?)はそれぞれの値がそのまま反映されるとの事。
つまり、margin-right:20px と margin-left:30px は、合計50px マージンを取るという事。

2、フロートされたボックスのmarginも相殺されない(上下左右)

1、と説明は同じです。

未だにこんなところで、つまづいている自分にショックですわ。
これだから自己流って怖い。。。