前端_盒子模型

什么是css盒模型

简单地说，就是用来装页面上的元素的矩形区域。盒模型保护标准盒模型和怪异盒模型。

box-sizing的取值

box-sizing:border-box;
box-sizing:content-box;
box-sizing:padding-box;

标准盒模型box-sizing:content-box

content的值等于width的值

怪异盒模型box-sizing:border-box

width = content+padding+border的值。

注意：当为怪异盒模型时，padding和border的值大于width时，怪异盒模型的宽度不取决于width，取决于padding和border的值。

怪异盒模型box-sizing:padding-box

由上面可总结出padding-box的width=padding+content