html 元素 百分比定位问题
百分比是指这个元素它的父元素的百分之多少 ;
对于absolute 定位来说,如果其父级元素没有设置 position:relative; 则百分比为页面可见高度的百分比。
例子证明:
你可以修改部分代码在执行。
上面的例子position:absolute,绝对定位, top设置的是 20% 。且其父级元素没有设置 relative。运行后可以看出其 top 取值为页面可见部分高的百分比。
而设置relative 后。其top 值为父级div 高度的20%