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

Question

我是一名CSS/HTML初学者。感谢您的阅读！

我有一堆面元素（矩形）。在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 = $('<div class="area"></div>') 
        .css({position: 'absolute', left: left px, top: top px, border: 'solid'}). //help with this line! 
        width(w).height(h); 
       $("body").append(elementDiv); 
       elementDiv.hide(); 

Answer 1

CSS预期的百分比或像素，JS只返回数值。您需要将'px'或'％'附加到left,top,right和bottom变量中存储的值。