問題タブ [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.

0 投票する
4 に答える
131465 参照

html - CSS 計算ビューポート単位の回避策?

他の 回答で見たものから、CSS ビューポート ユニットはcalc()まだステートメントで使用できません。私が達成したいのは、次のステートメントです。

ステートメントでビューポート単位を使用できない場合でも、純粋に CSS を使用してこれを達成できる回避策はありますか? calc()それともCSSとHTMLだけ?JavaScript を使用して動的に実行できることはわかっていますが、CSS を使用したいと思います。

0 投票する
2 に答える
44788 参照

css - calc() プロパティで auto 値を使用できますか?

を使用してプラスのピクセル量を設定marginしたかったのですが、コードが機能していないようです。autocalc()

calc()自動マージンと固定値を設定できますか? このようなもの:

ここに画像の説明を入力

0 投票する
1 に答える
1746 参照

css - クロムのcalc()とvhの回避策?

クロムの関数で使用vhするための厳密にcssのみの回避策はありますか?calc()

ページの下部に 25 ピクセルのバーを貼り付けるには、ブラウザーcalc(100vh - 25px)で上部を使用する必要がありますが、クロムで問題が発生しています。margin

0 投票する
2 に答える
195 参照

html - 高さの計算中に calc() を使用する

私は非常に単純なレイアウトをプログラミングしています。5 つの div で構成されています -> http://jsfiddle.net/8tSk6/。ID「kubka」が100%-100px(height: calc(100% - 100px);)のdivが必要です。残念ながら、うまくいきません。CSS3 height: calc(100%) が機能しない(add height = 100%,margin & padding = 0) でヒントを適用しようとしましたが、スクリプトはまだ機能しません。

0 投票する
3 に答える
32913 参照

jquery - jquery で css calc() を使用する

これどうやってするの?

それが only%または onlyの場合は実行できますが、そうでpxないcalc()場合、jQuery の他のオプションを使用できますか? またはJavaScriptの他のトリック?

これは、ユーザーが要素をクリックしたときに行う必要がある変更であるため、次のようになります。

ユーザーがクリックすると$("#otherElement")、トグル効果が発生する必要があります。

0 投票する
1 に答える
478 参照

css - 左の Safari の calc()

calc() 関数を使用して、div を別の div の中央に配置します。Chrome、Firefox、Opera、IE でも問題なく動作しますが、Safari ではこの方法は機能しません。

JavaScript を固定せずに何か提案はありますか?