【CSS3 】css样式的计算calc属性

• 菜鸟速查 ------- CSS calc()函数

---

• 应用场景：比如我们遇到如下需求：
• 要求：我们的元素的宽度永远比浏览器窗口小30px,要求子元素永远比父元素宽度小30px等等…
• 做法：

.son{
    width: calc(100% - 30px);
    height: 30px;
    background-color: chartreuse;
}

也是蛮常用的一种css样式，可以让页面元素更加多变！