問題タブ [css-calc]

width2 つのテーブルを作成しました。最初のテーブルのサイズに応じて、右側の 3 つの列を設定したいと考えています。試してみcalc((100% - 200px)/3)ましたが、すべてのブラウザーで機能するとは限りません。Firefox 40 は失敗し、IE11 は失敗し、Chrome 44 は正しく動作するようです。calc()すべてのブラウザで理解できるようにするにはどうすればよいですか? それとも私はそれを忘れるべきですか？

同様に失敗する、はるかに単純なバージョンを作成しました。

同じcalc()です。

CSS:

http://jsfiddle.net/sjefb/19vrf52o/を参照してください。

div私の目的は、容器の真ん中にインナーを入れることです。

フィドルの例 :

主な問題は、CSScalc()ルールを使用しているため、内部 div が IE で右にシフトされることです (Firefox と Chrome では問題なく表示されます)。上記の例で一定幅のコメントを外すwidth: 156pxと、機能します。

しかし、そうではありませんcalc()。IE用に修正する方法はありますか？

PSは、IE8以下がサポートされていないことを知ってcalc()いるので、IE9で試していました。

In Stylus, how do I use a variable in a calc expression?

For example, the following doesn't work (arrow-size being a variable):

変数を別の変数の計算値にリンクするにはどうすればよいですか?

私がやること：

何が起こるのですか：

CodePen デモ

この CSS calc 関数が機能しない理由を誰か教えてもらえますか? Chrome で要素を調べると、「無効なプロパティ値」と表示されます。

css calcとテーブルレイアウトを使用してスクロールバーを取得するために多くのことを試みました。以下は私のフィドルです。どんな助けでも大歓迎です。

JSFIDDLE: http://jsfiddle.net/y3U8F/124/

ここでは、スクロールバーが必要です#content

HTML:

CSS:

css calc関数でモジュラス演算子を使用または実装する方法はありますか?
mod オペレーターがあり、IE がそれをサポートしていることは知っていますが、他のブラウザーはどうですか?

例えば

次の行の高さが設定された要素がありますcalc()。

デモ: http://codepen.io/Ghodmode/pen/vLxZZd

Chrome では正常に動作しますが、Firefox の開発者ツールは無効なプロパティ値であると表示しています。

明らかなはずの何かが欠けていると確信しています。

参考までに：

• https://developer.mozilla.org/en/docs/Web/CSS/calc
• http://caniuse.com/#search=calc

私は3つのリスト項目を持つリストであるメニューを持っています:

ブラウザーのサイズを変更すると、ul 要素の幅が変化します。項目の幅が等しくなるように、calc を使用してワークアウトしようとしています。1 番目と 3 番目のリスト項目には、幅 2px の左右の境界線があります。

Chrome 開発ツールでは、menu_container の幅は 636px です。最初のリスト項目を調べて実行width: 100%すると、640px と表示されます。しかし、私が行うcalc((100% - 12px) / 3)と、幅が 212px と表示されます。なぜこれは (640 - 12) / 3 = 209.333 ではないのですか?