为什么我按照老师说的打完代码浏览器不显示东西

盒子模型尺寸基准有两种，分别是content-box和border-box  （默认是content-box）。理论上说，content-box 与 border-box 区别是：

  content-box盒子的宽度包含边框和内边距， 即盒子宽度=width+border+padding；    

由于初始时padding为0，则content的宽度为width；随着padding值和border值不断增大，盒子宽度也跟着增大；

  border-box则已将边框和内边距计算在width中，即盒子宽度=width；且其内容 content 的大小为width的值减去边框和padding的值。即content=width-padding-border。如果调大padding值和border值，盒子宽度（也是width）不会改变， 但content会不断被挤进去而缩小。

总结：对于border-box,调节border和padding，宽度不变，内容不断向内缩进去；

对于content-box,调节border和padding,宽度改变，且不断向外扩张变大；