1.CSS中 width:calc(100%-280px)
使用calc动态计算需要注意一些事项:
1.运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
2.任何长度值都可以使用calc()函数进行计算;
3.calc()函数支持 “+”, “-”, “*”, “/” 运算;
4.calc()函数使用标准的数学运算优先级规则;
2.VH VW 视口长度单位
视口即为可视窗口
vw : 相对于视口的宽度,1vw 等于视口宽度的1%(总视口宽度为100vw)
vh : 相对于视口的高度, 1vh 等于视口高度的1%(总视口高度为100vh)
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个
width: calc(96vw - 50px);
height: calc(96vh - 50px);