有关于盒模型

W3C Box Model 元素框宽

内容 + padding + margin

例如元素框宽为 100px, margin 10px padding 10px border 1px 则

10+10 +10 + 10 +2 + 58(内容)

IE5 6 的盒子模型
当为元素设置了width时 那么 此时padding + border + margin + content为width值

css3 中引入了box-sizing 属性默认content-box 此时解释为W3C模型
当box-sizing: border-box则解释为IE5 6的模型

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,843评论 1赞 92
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,819评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,350评论 0赞 11
  • 谈谈我对盒模型的理解
    原文地址：谈谈我对盒模型的理解 盒子是无处不在的。 html任何一个元素都可以看作一个盒子，这个盒子不可见，但是...
    薛普定朗谔克阅读 13,761评论 2赞 12
  • 空乘美妆：日常减肚子妙招
    常做仰卧起坐 想要达到瘦腰减肚子的效果，最好的方法就是做仰卧起坐，做的需要控制好节奏，避免一次做太多，需要慢慢的增...
    罗宾猫先生阅读 532评论 0赞 0