CSS元素的width和水平margin的设置

如果没有设置box-sizing为其他值，元素默认的width是指其content box的宽度。

只有width，height和margin可以设置为auto，padding和border必须设定为具体的值，或者默认值是0

1.    在width，margin-left和margin-right这3个属性中，如果其中某个值为auto，另外两个设定为具体的值，那么设定为auto的属性会自动确定其具体值，以满足整个element box的宽度等于其containing box的width

2.    如果这3个属性全部设置为具体值，没有谁设置为auto，那么浏览器会把margin-right的值重置为auto，所以就又回到上面1的情形

3.    如果width设置为具体值，margin-left和margin-right设置为auto，那这两个margin会平分剩下的宽度，取得相同的值，结果就是该element会在其containing box里面居中

4.    如果其中一个margin设置为具体值，width和另一个margin设置为auto，那么设置为auto的这个margin会被浏览器重置为0，width会取得剩下的全部宽度

5.    如果这3个属性全部设置为auto，那么两个margin都会被浏览器重置为0，width会占满所有的宽度。也就是回到默认的情况。（width默认值是auto，所有的margin，padding，border默认是0）