[解決済み] CSSでwidth = 100% - 100pxを行うにはどうすればよいですか?
2022-04-20 12:42:55
質問
CSSで、以下のようなことをするにはどうしたらよいでしょうか。
width: 100% - 100px;
これはかなり単純なことだと思いますが、それを示す例を見つけるのは少し難しいです。
どのように解決するのですか?
モダンブラウザでサポートされるようになりました。
width: calc(100% - 100px);
対応ブラウザのバージョン一覧を見るにはチェックアウトしてください。 CSSの単位値としてcalc()は使えますか?
jQueryのフォールバックがあります。 css width: calc(100% -100px); jqueryを使用した代替案です。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)
-
[解決済み】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のfit-contentで横幅を自動サイズ調整する
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)
-
[解決済み] div内の画像の下に余分なスペースがある
-
[解決済み】CSS3でdivを100%より50px小さくすることは可能ですか?[重複している]。