CSS calc（）不适用于Chrome和Firefox

Question

我有div，其id名称是#monthlyconfirm_grid。我使用jQuery流程来控制从gridview滚动，但它仅适用于IE，并且不适用于Chrome和Firefox。

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

P.S：我使用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />来处理IE。

为什么它不适用于Chrome和Firefox？我该如何解决？

Answer 1

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

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