怪异盒模型和标准盒模型的区别

779 阅读1分钟

怪异盒产生原因:IE低版本会出现

标准的:

width/height + padding + border + margin

怪异的:

width/height + margin

(原因:padding和border占了width/height)

相互转换:

利用怪异盒模型可以控制宽高的总长度

box-sizing:content-box(标准盒)/border-box(怪异盒,必须写高)