「上下の要素間のネガティブmarginの相殺」の実験
以下、数値はmarginを表します。背景のグリッドは、灰色が25px、黒が50pxの正方形です。
ネガティブmargin
A下:-50px、B上:0px
boxA
boxB
ネガティブmarginの相殺
+と-
A下:100px、B上:-50px
boxA
boxB
共に-
A下:-75px、B上:-50px
boxA
boxB
共に-で同じ
A下:-50px、B上:-50px
boxA
boxB
HTML/CSS/jQuery/Fabric.js
を試した様子と結果です.
以下、数値はmarginを表します。背景のグリッドは、灰色が25px、黒が50pxの正方形です。
A下:-50px、B上:0px
boxA
boxB
A下:100px、B上:-50px
boxA
boxB
A下:-75px、B上:-50px
boxA
boxB
A下:-50px、B上:-50px
boxA
boxB