css盒子模型

标准盒模型的宽高只是内容（content）的宽高，

而IE盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。

1.box-sizing: content-box（默认）

box-sizing: content-box.jpg
width 和 height 代表content的宽高

2.box-sizing: border-box

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

推荐阅读更多精彩内容

  • css 盒子模型
    作为一枚前端开发工程师，首先一定要清楚盒子模型是什么，因为盒子模型是html+css中最核心的基础知识，理解了这个...
    喵媛阅读 749评论 4赞 5
  • CSS盒子模型
    原文 博客原文 大纲 1、CSS盒子模型的概念2、行内元素是否也属于盒子模型呢？3、标准盒子模型和IE盒子模型4、...
    前端路上的小兵阅读 1,081评论 0赞 7
  • css 盒子模型
    1.css 盒子模型(css box model) 所有的html元素本质上都是盒子模型。在css 中，盒子模型常...
    梦见君笑阅读 505评论 0赞 0
  • npm淘宝镜像
    ## 镜像使用方法（三种办法任意一种都能解决问题) #### 1.通过config命令 npm configse...
    Genji阅读 750评论 0赞 0
  • 9组～Mr.李～9276～第三课作业2
    我是Mr.李，第9天打卡 一、今日任务目标： 1、每天找三个优质种子群 2、每天设计两条加粉话术，统计话术的通过率...
    Mr李勇敢阅读 189评论 0赞 0