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

【问题标题】：CSS -calc() or JQuery calc() not working for topCSS -calc() 或 JQuery calc() 不适用于顶部
【发布时间】：2015-01-08 22:37:16
【问题描述】：

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

div1 - 高度 150px，顶部 0px

div2 - 高度 30%，顶部 150px

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

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

“-”的代码也存在 由于设计原因，我不能使用浮动

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

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

【讨论】：