CSS -calc()或JQuery calc()不工作

Question

我在屏幕上有四个绝对定位的div，它们需要在所有分辨率中保持一个比例的位置。

div1 -高度150 0px，顶部0 0px

div2 -身高30%，150 30

div3 -高度50 30，顶部(30% +150 30)

div 4-高度(70% -200 30)，顶部(30% +200 30)

工作

   var calcHeight;
   calcHeight = attr["@value"].split('+');
   $CompFrame.css('height', calcHeight[0].trim()).css('height', "+=" + calcHeight[1].trim());

不工作

var calcTop;
  calcTop = attr["@value"].split('+');
  $CompFrame.css('top', calcTop[0].trim()).css('top', "+=" + calcTop[1].trim());

"-“的代码也是，由于的设计原因，我不能使用浮点数

Answer 1

实际上是起作用了。jquery ()实现