2016-05-30 7 views
2

フレックスボックスで無効としてマークされているこれは私の小さいスクリプトです: `幅に予想通りあまりのCSSのcalc式が

@info-box: 185px; 


.info { 
    width: ~"calc(100%[email protected]{info-box})"; 

} 

はそれをコンパイル:CALC(100%-185px)。

ただし、この表現は無効です。

enter image description here

私はそれは私がmax-widthのためのCALC式を使用していると私は同じ結果を得たflex-box表示モード

とは何かを持っているかどうかを知りたいです。

widthまたはmax-widthに数値を設定すると、問題は解決します。

+0

両側にマイナス「 - 」の間隔を置いてもよろしいですか? – zer00ne

+0

ああ、私はそれが答えだと思います!回答として投稿してください、私はそれを受け入れます。 –

+0

それは痛みがなく、シンプルであったことは素晴らしいことです。答えを出しました。 :) – zer00ne

答えて

0

それは時々ではなく、他の回をうまくいくとき、それは私がナット運転するために使用

calc(100% - 12px) 
     ^-^------------The `calc` property is very particular 
      about the spacing of the operator. (e.g. - +/*) 

calcを使用するときにスペースがオペレータの両側にありますことを確認してください。それから私はこれを読むarticle

関連する問題