CSS—盒模型

目录

一、概述

二、图解

三、box-sizing

---

一、概述

CSS中有两种盒模型，其一W3C标准盒模型，其二IE盒模型。

二、图解

标准盒模型

标准盒模型中，盒子宽度等于内容区宽度，如下所示。

 

IE盒模型

IE盒模型中，盒子宽度等于内容区宽度、内边距和边框三部分的总和，如下所示。

三、box-sizing

可以借助CSS3的box-sizing属性切换盒模型，如下所示。