css3新添加属性--->calc()

calc()是css3新添加属性,它可以让你使用一个算术表达式来表达长度值,这意味着可以用它来定义div的宽度,并设置margin、padding、border等。

calc()的运算规则

使用”+”、”-”、”*”、”/”四则运算;

可以使用百分比、px、em、rem等单位;

可以混合使用各种单位进行计算。

实例1:定位在页面上的块元素,含有外边距

.banner {undefined

position:absolute;

left: 40px;

width: -moz-calc(100% - 80px);

width: -webkit-calc(100% - 80px);

width: calc(100% - 80px);

border: solid black 1px;

box-shadow: 1px 2px;

background-color: yellow;

padding: 6px;

text-align: center;

}

上一篇:css3设置背景图片的大小


下一篇:CSS3绘制方格背景图类似于ProcessOn 绘制面板