css中的calc()函數出現【invalid property value】錯誤


筆者在編寫前端網頁的樣式的時候使用了calc()函數,卻發現樣式沒有生效,在開發者檢查模式中發現該樣式出現了【invalid property value】錯誤,即【無效的屬性值】,比如 width: calc(100%-12px); 。

查閱相關資料,得知calc()函數是一個進行四則運算(加減乘除)的函數,在其中的運算符的兩側都需要保留一個空格才會生效。

因此正確的寫法應該是 width: calc(100% - 12px); 。

這樣改過來之后,就不會出現【invalid property value】的錯誤且樣式能成功生效了。

 

"生活其實不需要那么多的保障也能過得下去。"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM