問題タブ [css-calc]

css の関数 calc() が firefox 29.0.1 で機能しません。他のブラウザーは機能しています。

次のコードを使用している CSS3 ファイルを検証する必要があります。

次のエラーが返されます。

値エラー: 幅解析エラー - 312px)

私の最後の選択肢は、ページの読み込みとウィンドウのサイズ変更で Javascript 関数を使用して、CSS3 を使用できる場合 (IE8 以前のみ)、幅の値を取得することです。

調査の結果、calc は ie8+ で動作するはずですが、動作していません。

これが私が作ったJSフィドルです：

http://jsfiddle.net/75tzyLoo/

ここにコードがあります: HTML:

CSS:

そして、ここに私が見る出力があります：

私は何を間違っていますか？

よし、CSS で数学 calc((100%/5)+10px); を実行しようとしています。私がこれを行うと、うまくいきません。calc(100%/5); を実行すると、それはうまく動作します。+10px を機能させるにはどうすればよいですか?

Safariの場合、次のことが機能していません。誰かが私が間違っていることを特定できますか?

すべてのメソッドは、Safari で個別にサポートされています。-webkit-calc も役に立ちません。

ありがとう！

http://jsfiddle.net/yz8cwj3a/

結果: http://i.imgur.com/DYor2yb.png

このフィドルは、Chrome 37 の問題を示しています。小数ピクセルの要素で calc(100% - 10px) 関数を使用すると、常に切り捨てられます。これは奇妙なことを引き起こします。

この例では、外側の div の幅は 50.5px です。内側の 2 つの div の幅は calc(100% - 10px) と 10px です。これは合計で 50.5 になるはずですが、それでも赤い背景が表示されます。

この問題は Chome 37 で導入されたようです。この問題がすでに報告されているかどうか、および/または解決されるかどうかを知っている人はいますか?

編集:コメントから、この問題はすでに長期間存在していることを理解しています。これを修正する（クロスブラウザ）きちんとした方法はありますか？

この問題は、 Chrome 37 の計算の丸めに似ています

しかし、実際の問題はもう少し複雑で、提供された解決策はこの場合には機能しません。

Chrome での結果: http://i.imgur.com/vNvFfHC.jpg

もう少し説明すると、outerDiv の幅は、outerDiv の内側にある別の div にあるテキストのランダムな量に依存します。左右の div には画像が含まれているため、幅は静的です。

現在の解決策は、calc を calc(100% - 40px + 1px );に変更することです。より良い解決策はありますか？

calc() 関数を使用して CSS で何かをしたかったのですが、問題があります。この操作を実行しようとすると、コンソールにエラーが表示されます:

コンソールに次のメッセージが表示されます:

ParseError: 行 24、列 3 の C:path\translation.less の認識できない入力:

23

24.タイトル{

25

プロセスは終了コード 1 で終了しました

それでも、これを行うと、エラーは発生しません:

誰かが私を助けて、演算子を変更することでこのエラーの理由を理解できるでしょうか?

ありがとうございました

calc()を使用して画面上で分割された 3 つの垂直行があります 。各ボックス タイプの高さを設定するために JS を使用しています。

これは、各ブロックの高さを設定する JavaScript です。高さを幅に等しく設定し、長いボックスの場合は高さを幅の半分に設定します。

行の列間に奇妙なオフセットがあります (スクリーンショットを参照)

ここでページを表示できますhttp://cloudlabme.webhosting.be/4sr

縦2列のHTMLです

これは私のCSSです

ありがとう！これは私の脳を殺しています！