div+css 盒子模型，宽高原来不是边框的宽高

div+css 盒子模型

• 之前一直没有仔细去研究div+css盒子模型，今天闲来无事，看了下，发现之前的理解一直是错的，因为之前一直是看并没有实际动手去写，或者写出来也没有深究。今天写了一个简单的盒子模型，然后浏览器里更改padding值，发现边框在变大，然后就觉得有点奇怪，明明宽度和高度分别设置的200px，为什么宽和高还会变呢？

初始状态

• 调大padding值后，明显看到边框变大了
  

  调大padding后

• 盒子模型=区块+内边距+边框+外边距
  

  盒子模型

• 宽和高限定的是区块的宽和高，并不包括边框。

纸上得来终觉浅，绝知此事要躬行

不实际试一下，还真没注意这个事儿，后面还是好好看看css吧。
又看了下，上面这种情况是针对非IE浏览器的-。-||