CSS 计算不工作，即 11

calc not working ie 11

提问by Ahmed-Anas

After researching I confirmed that calc should work for ie8+ but it is not working for me.

经过研究，我确认 calc 应该适用于 ie8+，但它对我不起作用。

Here is a JS fiddle I made:

这是我制作的 JS 小提琴：

http://jsfiddle.net/75tzyLoo/

http://jsfiddle.net/75tzyLoo/

here is the code: HTML:

这是代码：HTML：

<div id="outer">
    <div id="inner">

    </div>
</div>

CSS:

CSS：

#outer{
    width:400px;
    background-color:black;
    height:200px;
}
#inner{
    width:calc(80%-100px);
    width:expression(80%-100px);
    background-color:red;
    height:100%;

}

and here is the output I see:

这是我看到的输出：

What am I doing wrong?

我究竟做错了什么？

回答by JunM

"-" should be surrounded with spaces width:calc(80% - 100px);

“-”应该用空格包围 width:calc(80% - 100px);

Demo

Demo

回答by 4dgaurav

Demo

演示

width:calc(80%-100px);change to width:calc(80% - 100px);(space between '-' sign)

width:calc(80%-100px);更改为width:calc(80% - 100px);（'-' 符号之间的空格）