css盒模型

540 阅读1分钟

css盒模型

通过修改css,box-sizing属性修改盒模型的方式,content-box为标准盒模型,border-box为IE盒模型

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

box-sizing:border-box//IE盒模型

1.标准盒模型:

width = 内容的宽度,

height = 内容的高度

2.IE盒模型:

width = 内容的宽度 + padding-left + padding-right + border,

height = 内容的高度 + padding-top + padding-bottom + border