计算不工作即11

时间:2014-08-11 11:04:51

标签: css css3 cross-browser css-calc

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

这是我制作的JS小提琴:

http://jsfiddle.net/75tzyLoo/

这是代码: HTML:

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

    </div>
</div>

CSS:

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

}

以下是我看到的输出:JS Fiddle output for calc not working

我做错了什么?

2 个答案:

答案 0 :(得分:28)

&#34; - &#34;应该用空格width:calc(80% - 100px);

包围

Demo

答案 1 :(得分:16)

<强> Demo

width:calc(80%-100px);更改为width:calc(80% - 100px);(&#39; - &#39;签名之间的空格)