码迷,mamicode.com
首页 > Web开发 > 详细

css--calc()函数

时间:2019-04-15 18:23:59      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:red   back   set   type   一个   标准   数学运算   utf-8   运算   

calc()函数

css3中函数:

  1. 用于动态计算长度值。(注意事项:运算符前后都需要保留一个空格,例如:width: calc(100% - 10px))
  2. 任何长度值都可以使用calc()函数进行计算;
  3. calc()函数支持 "+", "-", "*", "/" 运算;
  4. calc()函数使用标准的数学运算优先级规则

案例:

 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>

 

css--calc()函数

标签:red   back   set   type   一个   标准   数学运算   utf-8   运算   

原文地址:https://www.cnblogs.com/firstflying/p/10711891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!