位置控制可分为position、margin&padding以及标签占位，但使用position最灵活，所以你用的没错。
canvas就是画画，你想想能往一张图片里append吗？append到canvas的父级再position吧。
自适应需要使用百分比的值设置宽高，例如：height:30%，这要看你的html结构了，不好说。
最好能把需求针对地描述地详细点，画图也不能太马虎，才能更好的解决问题，左4右5上8下7，这结构看着就乱，感觉不正确，是不是你就是这种需求呢？
同学，不用那么复杂：
demo
