盒子模型有两种IE盒子模型和标准盒子模型。盒子由内容,内边距,外边距,边框和外边距组成。
在标准盒子模型下,整个盒子的宽度是:(内容宽度 + border宽度 + padding宽度 + margin宽度)之和。
image.png
在IE模式下(IE8以下的版本),盒子的宽度是(内容宽度+border宽度+padding宽度)之和;
在Css3中新增了box-sizing:border-box,盒子模型的宽度按照IE盒子模型渲染。boostrap已经使用这种方式,为了更方便的控制宽高,我们也可以使用这种方式。
0.2023375452903886.png









网友评论