CSS3中的calc()在iOS6浏览器中必须加-webkit-前缀,目前的FF浏览器已经无需-moz-前缀。 Android浏览器目前仍然不支持calc()
办法:
1增加一个保守尺寸
div {
width: 95%;
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
}
2根据css BFC规则
<div class="column"></div>
<div class="column"></div>
.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;
}