不明白请老师回答一下,谢谢老师。

来源:10-7 CSS3 盒子模型

Undefeatedrhythum

2015-04-21 18:30

图片中关键和理解有关的部分都好模糊,还有最后那个:border-box中 206-2*32=114?  很不明白啊。。。。。有没有大神给我解释一下,谢谢大家!

写回答 关注

1回答

  • 成者并非一蹴而就
    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;


    http://img.mukewang.com/556405bf0001f0fc03640303.jpg

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题