當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css--calc()函数

發(fā)布時間：2025/3/14 编程问答 16 豆豆

生活随笔收集整理的這篇文章主要介紹了 css--calc()函数小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

calc()函數(shù)

css3中函數(shù)：

用于動態(tài)計算長度值。（注意事項：運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)）

任何長度值都可以使用calc()函數(shù)進行計算；

calc()函數(shù)支持 "+", "-", "*", "/" 運算；

calc()函數(shù)使用標準的數(shù)學運算優(yōu)先級規(guī)則

案例：

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .div1{ 15 width: calc(400px - 200px); 16 height: 200px; 17 background: red;; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="div1"></div> 25 </body> 26 </html>

轉(zhuǎn)載于:https://www.cnblogs.com/firstflying/p/10711891.html

總結(jié)

以上是生活随笔為你收集整理的css--calc()函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。