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 盒子模型
CSS盒子模型盒子模型边框 CSS盒子模型的宽度和高度 CSS模型的填充 CSS盒子模型的边界填充和边界的区别
2019-05-05
基于CSS盒子模型及其CSS定位详解 CSS盒子模型效果显示盒子模型的简单应用效果显示: CSS定位效果显示
css基础问题
介绍css的盒子模型 css的盒子模型有两种：IE盒子模型，W3C盒子模型盒子模型：内容(content),内边距...
css 盒子模型
1.css 盒子模型(css box model) 所有的html元素本质上都是盒子模型。在css 中，盒子模型常...
html页面绘制方面
1.css盒子模型 CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content...
CSS：盒子模型（box）
盒子模型（CSS 重点） css 学习三大重点： css 盒子模型、浮动、定位主题思路：目标...
你需掌握的CSS知识都在这了（长文建议收藏，文末有福利）
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型又称为框模型（Box Model），包...
需要掌握的CSS
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型又称为框模型（Box Model），包...
CSS的基本使用
1.CSS盒模型，在不同浏览器的差异 css 标准盒子模型 css盒子模型又称为框模型（Box Model），包...
前端一些面试题
HTML 和 CSS 面试题盒子模型 CSS 中盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。W3C ...