calc（）方法：
calc（x - y）运算符号前后要加空格，能做加减乘除等所有运算
pointer-events：
1.阻止用户的点击动作产生任何效果
2.阻止缺省鼠标指针的显示
3.阻止CSS里的 hover 和 active 状态的变化触发事件
4.阻止JavaScript点击动作触发的事件
5.提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交。一些层的绝对定位，覆盖按钮，穿透可以点击它。
pointer-events：none；穿透当前元素
怪异盒模型：box-sizing
标准盒模型：box-sizing：content-box；
宽高是独立的，
内边距是独立的，会把元素撑大，
边框是独立的。
注：宽高不包含内边距和边框。
怪异盒模型：box-sizing：border-box；
宽高包含内边距和边框
怪异盒模型触发方式：
原文：https://www.cnblogs.com/52580587zl/p/12545194.html