javascript - CSS -calc() 或 JQuery calc() 不适用于顶部

Question

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

div1 - 高度 150px，顶部 0px

div2 - 高度 30%，顶部 150px

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

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

工作

   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());

“-”代码也存在由于设计原因我不能使用 float

Answer 1

实际上它确实有效。 jquery calc() 实现