今天根据需求的时候需要将原本在CSS中写了全局属性的*{box-sizing:border-box;}之下的两个div两行显示，而不是并排显示。
简单的描述一下*{box-sizing:border-box;}的作用就是可以使两个div并排显示。
这里再拓展一下
我们熟悉的默认盒模型是content-box，也是标准的w3c标准的盒子，在形成的时候是先做content，然后在外面从里到外添加padding，border，margin。
而border-box是怪异盒模型，多用于手机移动端，但是在web也经常使用，他是先加载div中的margin，border，padding，然后再做content，采用这种模型的好处就是border和padding会设置在宽度的内部。
举个例子如果要设置两个div并列显示，宽度各设置为50%，那么content下的盒子实际宽度是50%+你设置的px，那么右边的div就会被挤到下一行错位显示，但是如果使用了border-box属性，那么div的宽度就是50%，你设置px已经包含在box里，这样就可以两个div并列显示。
PS:一个小细节就是无论是border-box还是content-box都不会改变盒子的块级元素的属性，如果要并列显示还要将块级元素改成行内元素或者其他。
言归正传
我现在要在全局属性为border-box下使某一个div失去属性，那么有两种方法
1.使需要的div的属性设置回默认的content-box；即<div style="box-sizing:content-box;"></div>
但是我在今天的代码中这样更改后仍然无法起作用，可能是因为我直接在公司的项目上更改，它还应用了别的样式我还没有注意到的缘故，这个以后再更新。但是如果只是纯CSS全局属性下这样更改是可以起作用。
2.对于复杂的情况，就像是我今天遇到的公司项目，对于一个你不熟悉的项目，里面样式太多一时间无法顾及，可以在更改回默认属性的同时更改div的宽度，反利用border-box的属性，使并列的两个div宽度超出限制，比如一个设置50%，一个70%，那么这两个div必定会错行显示。
PS：这个方法比较暴力，也比较应急，在没有深入理解border-box的情况下只用于粗糙的满足需求而已。
初入前端不久，希望有写的不好的地方请大佬指出，我虚心学习。