margin与百分比单位

本文来自慕课网css深入理解之margin，感谢 张鑫旭老师，由于知识点太多，所以以截图的形式，方便理解

着重对比一下，水平与垂直方向的百分比，以及普通元素与绝对定位元素的百分比

无论普通还是绝对定位元素的百分比都是依照宽度作为参考的，只不过宽度的参考对象不同

下面是实现长宽1：2是实例