CSS calc() 在 Chrome 和 Firefox 上不起作用

Question

我有div，它的 id 名称是 #monthlyconfirm_grid。我使用jQuery进程来控制从网格视图滚动，但它仅适用于IE，不适用于Chrome和Firefox。

$(document).ready(function () {
var expi = $("#monthlyconfirm_grid").scrollLeft - 2;
var expr = "calc("+ expi +")";
$(".locked").css("left", expr);
});

PS：我曾经用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />在IE上工作。

为什么它不适用于chrome和Firefox？我该如何解决这个问题？

Answer 1

/* property: calc(expression) */
width: calc(100% - 80px);

尝试这样，并确保相应的父元素具有适当的宽度