盒模型的描述

css盒模型定义了盒子的每个部分包含margin、border、padding、content。

根据盒子大小的计算方式不同将盒模型划分为标准盒模型与怪异盒模型。

默认情况下是标准盒模型box-sizing:content-box:盒子的大小取决于内容的大小

当设置了box-sizing:border-box,此时盒子的大小则是内边距的大小+内容的大小

你可能感兴趣的:(vue.js,前端,html5)