本文深入探讨了CSS盒模型的两种主要类型：内容盒子（content-box）和边框盒子（border-box）。内容盒子是默认的盒模型，计算元素尺寸时包括边框和内边距。而边框盒子则将边框和内边距包含在宽度和高度中，使得元素的实际大小更直观。理解这两种盒模型对于网页布局和样式控制至关重要。
盒子的四个基本内容：
box-sizing(盒子模式)
1. 内容盒子（普通盒子 ， 默认盒子）
content-box;
盒子实际占据的宽度 : 2borderWidth + 2padding + width
盒子实际占据的高度 : 2borderWidth + 2padding + height2. 边框盒子（怪异盒子 ie低版本）
border-box;
盒子实际占据的宽度 :width width = 2borderWidth + 2padding + 内容宽
盒子实际占据的高度 :height边框盒子可以理解为已经把各种外边距和内边距封装起来了
430
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
