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

我正在使用在响应性设计中具有绝对位置的babbles创建数据可视化。所以我需要用一个百分比，然后用px的值来放置它们，以便将气泡的中心（而不是一个角）放置在指定的位置。 由于CSS计算在移动平台上不起作用，所以我使用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是气泡半径的像素校正值，size表示气泡的大小（从数组中并校正为使用半径而不是总大小），horPcts表示%X轴值，verPcts表示%Y轴值。我想你可以想象这是一个循环

奇怪的是：第一行和第二行在Chrome、Safari和Firefox中工作得很好。第三个（底部重新定位）仅适用于FIREFOX（在Safari和Chrome中跳过%值，只使用px值）

---

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

你试过合并作业吗

.css（{左：horPcts[h]+'%'，下：verPcts[h]+'%}）？@Pointy，事实上，它适用于左侧（以及Firefox中的所有内容），所以这是可能的。奇怪的是，它是从左边开始工作的，而不是从底部开始工作的。@life:同样的结果。。。在Firefox中工作，在Chrome中仅剩下一个…：/@ChiquiEsteban好的，我看到您实际上正在将其更新为相对偏移量。您可以设置一个快速的JSFIDLE吗？