筆者在編寫前端網頁的樣式的時候使用了calc()函數,卻發現樣式沒有生效,在開發者檢查模式中發現該樣式出現了【invalid property value】錯誤,即【無效的屬性值】,比如 width: calc(100%-12px); 。
查閱相關資料,得知calc()函數是一個進行四則運算(加減乘除)的函數,在其中的運算符的兩側都需要保留一個空格才會生效。
因此正確的寫法應該是 width: calc(100% - 12px); 。
這樣改過來之后,就不會出現【invalid property value】的錯誤且樣式能成功生效了。
"生活其實不需要那么多的保障也能過得下去。"