相対/絶対位置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は数値だけを返しています。 left,top、right、およびbottomヴァールに格納する値に 'px'または '％'を追加する必要があります。