html 元素 百分比定位问题 - 点滴记忆*记忆点滴
收藏本站

html 元素 百分比定位问题

百分比是指这个元素它的父元素的百分之多少 ;

对于absolute 定位来说,如果其父级元素没有设置 position:relative; 则百分比为页面可见高度的百分比。

例子证明:


你可以修改部分代码在执行。

上面的例子position:absolute,绝对定位, top设置的是 20% 。且其父级元素没有设置 relative。运行后可以看出其 top 取值为页面可见部分高的百分比。

而设置relative 后。其top 值为父级div 高度的20%


    留下足迹