問題タブ [css-calc]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

198 問題

0 投票する

1 に答える

2989 参照

html - CSS calc() は負の値を減算します

このようにマイナスの数を引いてもいいですか？

上記のようにすると、これを行う場合とは動作が異なるためです。

ここで違いを見ることができます: http://nightly.gamempire.it/

ブラウザのウィンドウを < 1200px および > 1000px にします
#gallery_thumb 要素を分析する

calc(35% - -20px) calc(35% + 20px) に変更すると壊れます (#gallery_thumb は #gallery_img より低くなります)。

どうしてこれなの？負の数を引くことはできませんか?

2013-07-22T07:52:18.917

0 投票する

6 に答える

613445 参照

css - CSS calc() 関数の Sass 変数

calc()Sass スタイルシートで関数を使用しようとしていますが、いくつか問題があります。これが私のコードです：

変数の50px代わりにリテラルを使用すると、必要なものが正確に得られます。body_paddingただし、変数に切り替えると、これが出力になります。

関数内の変数を置き換える必要があることを Sass に認識させるにはどうすればよいcalcですか?

css sass css-calc

2013-07-31T22:30:09.207

0 投票する

1 に答える

279 参照

css - この CSS は何をしますか: ~"-moz-calc(..)"

このようなCSSルールに気づきました

これで -moz-calc はわかりましたが、なぜこれが文字列で、'~' の意味は何ですか?

css css-calc

2013-10-16T14:40:10.237

0 投票する

2 に答える

140 参照

html - calc() で 2 番目の数値が無視されている

ヘッダー、メニュー、ラッパー、フッターを含む Web ページがあります。すべてのコンポーネントの高さをラッパーとは別に設定し、calc を使用してラッパーの最小高さを決定することで、フッターを固定しようとしています。ブラウザーは検査要素で calc 関数を取得しますが、ラッパーの高さを確認すると、100% ではなく常に 100% であり、545px であり、理由がわかりません。Firefox と Chrome で、さまざまなサイズのモニターでテストしましたが、満足のいくものではありませんでした。私が間違っていることはありますか？

jsfiddle

あなたが提供できる助けを前もって感謝します。

html css css-calc

2013-10-25T12:11:40.190

0 投票する

1 に答える

498 参照