怪异盒模型与标准盒模型的区别及其触发方式

calc（）方法：

calc（x - y）运算符号前后要加空格，能做加减乘除等所有运算

pointer-events：

1.阻止用户的点击动作产生任何效果

2.阻止缺省鼠标指针的显示

3.阻止CSS里的 hover 和 active 状态的变化触发事件

4.阻止Javascript点击动作触发的事件

5.提交页面，提交按钮点击后，添加这个样式属性（），来防止重复提交。一些层的绝对定位，覆盖按钮，穿透可以点击它。

pointer-events：none；穿透当前元素

怪异盒模型：box-sizing

       标准盒模型：box-sizing：content-box；

           　宽高是独立的，

　　　　内边距是独立的，会把元素撑大，

　　　　边框是独立的。

        　   注：宽高不包含内边距和边框。

      怪异盒模型：box-sizing：border-box；

　　　　宽高包含内边距和边框

怪异盒模型触发方式：

1. 丢失在ie678下触发怪异盒模型


2. 给元素添加box-sizing：border-box；