如何使用 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。

此 jQuery 程式碼實現與 CSS 計算表達式相同的結果：它動態計算元素的寬度刪除100px後。它相容於不支援計算功能的舊版瀏覽器。

以上是如何使用 jQuery 在舊版瀏覽器中實作「width: calc(100% - 100px)」功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！