盒子模型.md

盒子模型有两种IE盒子模型和标准盒子模型。盒子由内容,内边距，外边距，边框和外边距组成。

在标准盒子模型下，整个盒子的宽度是：（内容宽度 + border宽度 + padding宽度 + margin宽度）之和。

image.png

在IE模式下(IE8以下的版本)，盒子的宽度是(内容宽度+border宽度+padding宽度)之和；

在Css3中新增了box-sizing:border-box,盒子模型的宽度按照IE盒子模型渲染。boostrap已经使用这种方式，为了更方便的控制宽高，我们也可以使用这种方式。

0.2023375452903886.png