CSS盒模型

div的width和height一旦设置好就是固定的，div的面积不变，但盒子的大小要算上padding+border

所以实际盒子的大小

宽=width+padding-left+padding-right+border-left+border-right
高=height+padding-top+padding-bottom+border-top+border-bottom

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1赞 92
  • 慕课网笔记5 css 盒模型 布局
    慕课网: HTML+CSS基础课程 一、元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，ht...
    CAICL阅读 506评论 0赞 2
  • Android读文笔记
    单例总结 - 腾讯Bugly[https://mp.weixin.qq.com/s/wEK3UcHjaHz1x-i...
    Benhero阅读 225评论 0赞 1
  • 一片丹心 212（十）
    一片丹心212（十）■珍珍花露 回头，错过我爱的世界 寂寞的，孤独的 逍遥的，妒忌的 一无所有的世界
    朝花夕拾杯中酒123阅读 146评论 0赞 7
  • 风殇·丽丽
    在人口密聚的城市里 有这样一个宁静的去处 像是上帝苦心的安排 散播着微苦的味道 味道是难于记忆的 只有你 才能记起...
    晚安_c763阅读 137评论 0赞 0