那是他写错了....图注释那里

content-box依旧是传统的W3C标准.这个非常好理解

border-box其实也很好理解的

就是width和height等于整个盒子的大小..然后依次减去border,padding就等于实际内容的大小

例如:

div{
    height:300px;
    height:300px;
    border:10px;
    padding:20px;
}

content_width = 300 - 10*2 - 20*2 = 240px

content_height = 300 - 10*2 -20*2 = 240px;