jQuery を使用して古いブラウザで「width: calc(100% - 100px)」機能を実現するにはどうすればよいですか?

CSS コードの jQuery 代替: width: calc(100% -100px)

CSS コード width: calc(100% -100px) は幅を計算しますコンテナの合計幅から 100px を減算して、要素のサイズを変更します。ただし、このコードは Chrome や Firefox などの最新のブラウザでのみ機能します。

古いブラウザとの互換性のために、jQuery を使用して機能を模倣できます。

$('#yourEl').css('width', '100%').css('width', '-=100px');

このコードでは、

1. $('#yourEl').css('width', '100%'): 幅を設定しますID yourEl を持つ要素の値を 100% にします。
2. css('width', '-=100px'): 要素の現在の幅から 100px を減算します。

This jQuery コードは、CSS 計算式と同じ結果を達成します。つまり、100 ピクセルを削除した後の要素の幅が動的に計算されます。計算機能をサポートしていない古いブラウザにも対応しています。

以上がjQuery を使用して古いブラウザで「width: calc(100% - 100px)」機能を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。