Undefeatedrhythum
2015-04-21 18:30
图片中关键和理解有关的部分都好模糊,还有最后那个:border-box中 206-2*32=114? 很不明白啊。。。。。有没有大神给我解释一下,谢谢大家!
那是他写错了....图注释那里
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;
十天精通CSS3
242554 学习 · 2623 问题
相似问题