css怪异模式总结

     css怪异模式下，盒子模型的width包括content、padding、border的宽度之和，只要content+padding+border的宽度之和小于width，那么无论怎么变动padding和border，盒子的宽度都是不发生变化的，只是会缩小content的宽度，也就是说在怪异模式下，content的宽度是可变，当content+padding+border的宽度大于width的宽度后，盒子会变大，变大后的差值就是content+padding+border-width。

    css标准模式下，盒子模型的width就是content的宽度，盒子模型的总宽度等于width+padding+border+margin，这四项有一项发生变化，盒子的宽度随之会发生变化。