web-dev-qa-db-ja.com

計算が機能しない、つまり11

調査した後、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

何が悪いのですか?

15
Ahmed-Anas

「-」はスペースで囲む必要がありますwidth:calc(80% - 100px);

Demo

32
JunM

デモ

width:calc(80%-100px);width:calc(80% - 100px);に変更(「-」記号の間のスペース)

17
4dgaurav