CSS3 的 calc()

文章目录

浏览器支持IE9+、FF4.0+、Chrome19+、Safari6+
calc() 支持四则运算 + - * /

.box{
    width: calc(100% - 20px);
}
/* 或者 */
.box{
    width: 90%; /* 写给不支持calc()的浏览器 */
    widht: calc(100% - (10px + 5px) * 2);
    widht: -moz-calc(100% - (10px + 5px) * 2);
    widht: -webkit-calc(100% - (10px + 5px) * 2);
}

学习笔记，根据自己理解简单整理的，不对的地方望指正，非常感谢。