問題タブ [calc]

私は今日、2 つの div を並べて配置する最もパフォーマンスの高い方法は何かと考えているディスカッションに参加しました。

一方では を使用するのが大好きdisplay:flex;で、もう一方には を使用するオプションがありますcalc()。その理由は、div にパディングがあり、パディングによって幅を減らす必要があるためです。場合：

どちらも 50% 幅にする必要があります。デフォルトの css は次のとおりです。

display:flex;方法は追加になります：

calc()方法は次のとおりです。

また：

CSS にテーブル レイアウトは必要ありません。さらに、ブラウザのバージョンを気にする必要はありません。これは、常に最新バージョンでのみ機能するはずです。

何を使用することをお勧めしますか？より多くのパフォーマンスを持っているものは何ですか?

すでにパフォーマンスが大幅に向上しているという記事を見つけました。リンク

.child含まれる要素の数はわかりませんが.parent、個々の幅はわかっています。

の幅を (各の幅) * (の総数).parentに等しくなるように設定したい.child.child

使いたくないですしfloats、width: auto;

calc()Javascriptを使わずに何かできますか?

**CSS : **

HTML :

Visual Basic を使用して、最初の自己割り当てプロジェクトとして電卓アプリを作成しています。数値を受け入れ続けて、最大 100 の異なる数値を計算できるようにしたいのですが、それらすべてに対して変数を作成する必要はありません。 （それが機能するかどうかは言うまでもありません）。私が見る方法は、オペレーター間で電卓に入力されたすべての異なる数値が異なる変数として格納されるということです。これは可能ですか？多分回避策？たぶんそれを行うためのより良い方法です！どんな助けでも大歓迎です！ありがとう！

以下では、私は次のものを持っています：

左のスタイルを次の結果に設定したいと思います。

0 を取得して 2 で除算しようとする場合に備えて、+1 を使用しています。

適切な値を取得することも、正しく行っているかどうかを確認することもできないようです。私はもう試した

まだ喜びはありません。これを理解するための助けや良いリソースをいただければ幸いです...

私は、人が計算したい数値（1〜4）を入力し、指定された数値を入力して不足している変数を取得する単純な利息計算機を作成しようとしています。

コード：

コンパイルプロセスでこのエラーが発生し続けます（モノを使用）：

現在、画像に負のマージンを使用する必要があるレイアウトに取り組んでいます。画像は内部<div class="entry-content">にあり、パディングがあります。内部の画像をentry-contentパディングの外側に出すには、負のマージンを使用します。<div class="entry-content">私が使用 した外側の画像を引き伸ばすためにwidth:calc(100%+margin).

ただし、これは期待どおりに機能しません。100% は の幅ではなく、画像の幅のようですentry-content。entry-content画像はレスポンシブ レイアウトで使用されるため、画像の幅を に対して相対的にしたい。

私は現在、プロセスの非常に初期段階にあるため、まだ幅が固定されていbodyます。

HTML

CSS

横の画像と一緒に div を比例的にスケーリングしようとしています。(そのため、画像は常に 50% 幅で、高さは比例してスケーリングされ、div は高さと幅でまったく同じように動作する必要があります)

私のコード例はおそらく理解しやすいでしょう: http://codepen.io/anon/pen/myKZJE?editors=110

上記よりも少し複雑であることに注意してください。また、div を 3 回ラップする必要がありました。

問題 = IE は calc() を実行する場合もありますが、計算を無視する場合もあるため、レイアウトがめちゃくちゃになります。calc() メソッドを使用せずに同じ効果 (画像と一緒に div スケール) を使用できますか?

前もって感謝します。