css height属性中的calc方法详解

什么是calc()?

学习calc()之前，我们有必要先知道calc()是什么？只有知道了他是个什么东东？在实际运用中更好的使用他。

calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pa冬至节日祝福图片ding、font-siz欧洲与非洲分界线e和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过wow个性名字calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。

例如父盒子是100%的高度

盒子里面的head部分固定位140px
内容部分始终为剩余的全部高度
height: calc(100% – 140px); “+或-“两边要有空格 不然不生效

父盒子.pushquerypanelcontainer{  height: 100%;}内容部分.pushquerypanelcontainer .querytable{  height: calc(100% - 55px);  margin-left: 10px;  margin-right: 10px;}

calc() 函数用于广告学就业前景动态计算长度值。

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% – 10p马云卸任ceox)；任何长度值都可以使用calc()函数进行计算；calc()函数支持 “+”, “-“, “*”, “/” 运算；calc()函数使用标准的数学运算优先级规则；

支持版本：css3

语法

　　calc(expression)

值描述expression必须，一个数学表达式，结果将采用运算后的返回值。

到此这篇关于css height属性中的calc方法的文章就介绍到这了,更多相关css height属性内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章，希望大家以后多多支持www.887551.com！