html 相对位置与绝对位置转换,相对/绝对位置css（转换面元素矩形坐标）

我是一名CSS/HTML初学者。感谢您的阅读！相对/绝对位置css(转换面元素矩形坐标)

我有一堆面元素(矩形)。在Javascript中，“this”指的是每个区域元素 - 我为每个区域元素坐标分配相关变量(左，上，右，下)。我想将这些坐标转换成CSS div格式，但我坚持使用语法。现在区域元素(显示为div)的宽度和高度都是正确的，但在图表上的位置错误。我希望他们与区域元素处于相同的位置。

任何建议都非常感谢！

var offset = this.coords;

var coordarray = offset.split(",");

var left = coordarray[0];

var top = coordarray[1];

var right = coordarray[2];

var bottom = coordarray[3];

var ident = this.id;

var w = right - left;

var h = bottom - top;

var elementDiv = $('

.css({position: 'absolute', left: left px, top: top px, border: 'solid'}). //help with this line!

width(w).height(h);

$("body").append(elementDiv);

elementDiv.hide();

2016-08-16

FSS