アイコンWeb制作実験

HTML/CSS/jQuery/Fabric.js
を試した様子と結果です.

「relative(相対配置)の中にabsolute(絶対配置)を入れ子」の実験

boxA内のグリッドは50pxの正方形で、BoxAのborder(赤線)の内側・左上が基準です。boxBの移動は基本形以外全て top:50px left:50px です。

基本形 relative と absolute 共になし

boxA

boxB

relative + relative

boxA

boxB

relative + absolute

boxA

boxB

relative + relative BoxAの内容増やし

boxA
boxA
boxA

boxB


relative + absolute BoxAの内容増やし

boxA
boxA
boxA

boxB