相對/絕對位置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變量中存儲的值。