比方说，你想创建一个元素，使它的宽度占满它的父元素，但还要留出一部分像素宽做其它用处：
复制代码
.parent {
width: 100%;
border: solid black 1px;
position: relative;
}
.child {
position: absolute;
left: 100px;
width: calc(90% – 100px);
background-color: #ff8;
text-align: center;
}
漂亮吧，不是吗？更详细的介绍请参考W3C CSS calc 规范。
我们可以越来越清楚的发现，CSS已经成熟到在某些方法可以替代javascript，极大的简化了web开发人员的工作。如果你还不开始利用这些功能，那只能说是在犯傻。
