标准盒子和非标准盒子模型占位的计算

盒子模型 (box Model)
当你检查元素的时候，点就一下Computed
标准的盒子模型是由 **盒子的占用空间：
margin+ padding+width+border **
实际上我们写的width，height就是内容content的大小

非标准的盒子模型(怪异盒模型)：box-sizing:boder-box;
width=padding+border+width(就像你的肚子吃了一个米粒,一个豆子，一个瓜子，你肚子就是没有变化的)
盒子的占位：margin +width而已。

你遇到这种情况吗？
遇到边框重叠时 border-collapse：collapse; 这样只要有重叠的边框就不会加粗。在表格，单元格，th,td合并相邻的边框。