如何将div的像素尺寸和像素位置转换为百分比？

Question

我有一个固定的像素定位div元素，我想把它的大小和位置转换成相对百分比。你会怎么做？

Answer 1

您想使用parentNode访问父级，比较它们的大小和瞧。

var foo = document.getElementById('foo');
var bar = document.getElementById('foo').parentNode;
console.log('Width: ' + (foo.offsetWidth / bar.offsetWidth) + '%')