web-dev-qa-db-fra.com

calc ne fonctionne pas ie 11

Après des recherches, j'ai confirmé que calc devrait fonctionner pour ie8 + mais cela ne fonctionne pas pour moi.

Voici un violon JS que j'ai fait:

http://jsfiddle.net/75tzyLoo/

voici le code: 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%;

}

et voici la sortie que je vois: JS Fiddle output for calc not working

Qu'est-ce que je fais mal?

15
Ahmed-Anas

"-" doit être entouré d'espaces width:calc(80% - 100px);

Demo

32
JunM

Démo

width:calc(80%-100px); changer en width:calc(80% - 100px); (espace entre le signe '-')

17
4dgaurav