css3中 百分比自适应宽度减去固定宽度的写法

共计 259 个字符，预计需要花费 1 分钟才能阅读完成。

前几天研究自适应页面写法的时候，就发现图标需要固定宽度，页面我又希望使用百分比格式充分利用显示区域。

我就想能不能让宽度也做个运算，于是在网上找到以下方法，希望对大家有所帮助

简短写法

div{ 
/*子容器宽度为父容器宽度减去固定的64像素*/ 
width:calc(100% - 64px); 
}

保障兼容性的完整写法

div{ 
/*子容器宽度为父容器宽度减去固定的64像素*/ 
width:-webkit-calc(100% - 64px); 
width:-moz-calc(100% - 64px); 
width:calc(100% - 64px); 
}