JQuery绝对位置在Chrome中运行不好（但在Firefox中运行正常）

Question

我正在使用具有响应式设计绝对位置的bab呀声创建数据可视化。因此，我需要使用百分比放置它们，然后使用px中的值放置它们，以便将气泡的中心（而不是角落）放置在指示的位置。 由于CSS calc在移动平台上不起作用，我使用jQuery

bubblecorr = '-=' + (sizePcts[h]*bubblesize)*0.5 + 'px';
$("#b"+h).css('left', horPcts[h]+'%').css('left', bubblecorr);
$("#b"+h).css('bottom', verPcts[h]+'%').css('bottom', bubblecorr);

其中bubblecorr是气泡半径的像素校正，sizePcts它的大小（来自Array并校正为使用半径而不是总大小），horPcts％X轴值abd verPcts％Y轴值。我想你可以想象这是一个循环。

奇怪的是：第一行和第二行在Chrome，Safari和Firefox中运行良好。第三个（底部重新定位）仅在FIREFOX中工作（在Safari和Chrome中跳过％值并仅使用px值）。

知道为什么会这样吗？谢谢！