CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法

设置宽度：width:calc(100vw - 123px);

说明：1、vw是width of view(port)的缩写；

2、100vw表示百分之百的视图宽度；

3、123px是需要减去的宽度；

4、减号的两边必须都有至少一个空格。

设置高度：height:calc(100vh-123px);

说明：1、vh是height of view(port)的缩写；

2、100vh表示百分之百的视图高度；

3、123px是需要减去的高度；

4、同理减号的两边必须都有至少一个空格。

注意：切勿写成 calc(100%-123px)
不同浏览器设置
div{
/实现了宽度为父容器宽度减去固定的300像素/
width:-webkit-calc(100vw - 300px);
width:-moz-calc(100vw - 300px);
width:calc(100vw - 300px);
}