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;

}