margin设置百分比

margin设置百分比是基于父容器的宽度，所以无论是margin-top还是margin-bottom都是基于父容器的宽度。

看如下示例：

设置margin-top: 50%;基于父容器宽度相当于margin-top: 200px;

所以代码的效果如图所示。