body下子元素默认相对定位问题

body没有高度的情况下，对其设置了relative的话，子元素定位就会出现问题，如margin-top：50% 会失效。需要给html和body设置高度为100%。

祖先元素没有定位的话，后代元素会相对页面区域定位，可以理解为视口进行定位。