css简单的数学运算
calc()是css3的一个新增的属性,
.box{border:1px solid #ddd;
width:calc(100% - 100px);
background:#9AC8EB;}
兼容::.box{
border:1px solid #ddd;
margin:0 auto;
width:calc(100% - 100px);
width:-moz-calc(100% - 100px);//火狐
width:-webkit-calc(100% - 100px);//谷歌
}
例3:.tupian img {
MARGIN: auto;
WIDTH: 95%;
MAX-WIDTH: 100%!important;HEIGHT: auto!important;
width:expression(this.width > 95% ? "600px" : this.width)!important;
}
上例中的expression是用来计算长度的表达式。