源自：10-7 CSS3 盒子模型
不明白请老师回答一下，谢谢老师。
图片中关键和理解有关的部分都好模糊，还有最后那个：border-box中 206-2*32=114？ 很不明白啊。。。。。有没有大神给我解释一下，谢谢大家！
提问者：Undefeatedrhythum
2015-04-21 18:30
个回答
-
- 成者并非一蹴而就
- 2015-05-26 13:33:54
那是他写错了....图注释那里
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;
