Question

盒子模型的两种模式

Answer 1

问：盒子模型的两种模式

答：盒子模型的两种模式。 一、盒模型种类content-box 内容盒模型border-box 边框盒模型二、区别content-box盒模型的宽度为width的宽度公式为： width = 内容宽度border-box边框模型的宽度为内容的宽度，加上内边距的宽度，再加上边框的宽度公式为： width = 内容的宽度 + padding + border三、总结盒模型在定义width宽度后，后面写padding和border是会改变盒子实际大小。如果需要保持固定大小，需要进行计算。边框模型在定义width宽度后，不管怎么写padding和border宽度都固定在书写时的width。但是有可能导致内容被压缩，导致布局异常。