css:以 ：% - px 形式赋值高度宽度等

使用calc函数：用法：width:calc(100% - 50px);

注意：运算符号的前后都需添加空格，不然浏览器会无法识别，自动忽略。

定义与用法

calc() 函数用于动态计算长度值。

• 任何长度值都可以使用calc()函数进行计算；
• calc()函数支持 "+", "-", "*", "/" 运算；
• calc()函数使用标准的数学运算优先级规则；

自动调整表单域的大小以适应其容器的大小

calc() 的另外一个作用是用来确保一个表单域的大小适合当前的可用空间，而不会在保持合适的外边距的同时，因挤压超出其容器的边缘。

                                                                                                                  --------菜鸟教程