calc的兼容处理

CSS3中的calc()在iOS6浏览器中必须加-webkit-前缀，目前的FF浏览器已经无需-moz-前缀。 Android浏览器目前仍然不支持calc()
办法：
1增加一个保守尺寸

 div { 
  width: 95%; 
  width: -webkit-calc(100% - 100px); 
  width: calc(100% - 100px); 
}

2根据css BFC规则

     .column:nth-of-type(1) {
            float: left;
            width: 100px;
            height: 300px;   
            background-color: red;
        }
        
        .column:nth-of-type(2) {
            overflow: hidden;/*创建bfc */
            height: 300px;
            background-color: purple;
        }