Javascript CSS-calc（）或JQuery calc（）不适用于top

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

第1部分-高度150px，顶部0px

第2部分-高度30%，顶部150px

第3部分-高度50px，顶部30%+150px

第4部分-高度70%-200px，顶部30%+200px

工作

不起作用

也存在-的代码

---

由于设计原因，我不能使用浮动，实际上它确实有效。jquery calc实现

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