[解決済み] CSS `height: calc(100vh);` Vs `height: 100vh;`.
2022-03-07 14:19:41
質問
前任の開発者が使用していたプロジェクトに携わっています。
.main-sidebar {
height: calc(100vh);
}
もう連絡する手段がないので、この2つの方法の違い(あるとすれば)を理解したい。
(この質問はここでいいのでしょうか?)
どのように解決するのですか?
という式は、いつでも同じなので、違いはありません。
calc(100vh)
が計算されると、常に最終的に
100vh
.
関連
-
[解決済み】位置固定が機能しない
-
[解決済み】Telegramマークダウンの構文。太字 *と* イタリック?(2018年9月)
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSS calc()関数内のSass変数
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] このCSSでInline-blockが正しく動作しないのはなぜですか?
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] 背景画像を前後にパンするCSS【非公開
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました