用css3的calc()函数做自适应

在一次面试的测试中，我用js的方式设置的一个div的宽度=比clientWidth少20px。然后考官问我有没有css方法能实现同样的效果。我的确不知道，很尴尬。
网上搜索了一圈答案后，发现css3里提供了calc()方法可以让浏览器自行计算元素的宽度，感觉非常棒，用法如下：

  .item-container{
    width:calc(100% - 20px);
  }

当你放大缩小浏览器的时候，item-container对应的width也会相应改变，不像之前用js取得的clientWidth后就固定死大小了。非常适合多终端的显示。

这篇博客讲解比较全面，推荐给大家：
http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html