如果没设置position，普通的设置宽高%，参照的是父级的宽高
设置position：absolute，普通的设置宽高%，参照的是父级中最近的一项position不为static的那项（position：absolute/relative都行）
如果设置position：relative，普通的设置宽高%，参照的是父级的宽高（自己试出来的，可能有问题）
如果父级没有设置宽高，就会往上找，直到找到最外层，如果最外层也没设置宽高，那么参照的是body元素，而body又相html所以子标签的高度取决于html高度
注意！！！
如果参照的是body元素，body的默认高度，并不是浏览器的可视区域高度。但是body的默认宽度是浏览器的可视区域宽度。所以，body的高度是0px，所以设置height：**%和top：**%这种都是不起作用的，设置width和left：***%是起作用的
最外层的height要确定高度
，
