調査した後、calcはie8 +で動作するはずですが、動作しません。
ここに私が作ったJSフィドルがあります:
ここにコードがあります: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%;
}
そしてここに私が見る出力があります:
何が悪いのですか?
「-」はスペースで囲む必要がありますwidth:calc(80% - 100px);
width:calc(80%-100px);
をwidth:calc(80% - 100px);
に変更(「-」記号の間のスペース)