盒子不同模式下的宽高判断

曾经遇到过这样的问题，设定一个div，当给div设置padding的时候，发现整个div的宽高都发生了变化，这里就产生了一个疑惑，一个盒子的总体宽高到底是怎么去判断的呢？

经过查询得知，盒子宽高的判定模式一共有两种，分别为 标准模式 和 怪异模式 。

为了能更好的理解我们先设定一个div并给它设定样式：

 1       #content1 {
 2           width :  200px ;
 3           height :  200px ;
 4           border :  2px solid black ;
 5           margin :  20px ;
 6           padding :  20px ;
 7      }  

查看更多关于盒子不同模式下的宽高判断的详细内容...