html文本框限制输入百分数,html 元素 百分比定位问题

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

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

例子证明：

$(document).ready(function(){

$("button").click(function(){

x=$("p").offset();

$("#span1").text(x.left);

$("#span2").text(x.top);

});

});

*{margin:0;padding:0}

本段落的偏移是 unknown left 和 unknown top。

获得 offset

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

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

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