🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况: * `box-sizing:content-box;` * 此值为其默认值,其让元素维持W3C的标准Box Mode。 * 盒子宽度为 width + padding + border 。 * padding和border会撑开盒子。 * `box-sizing:border-box;` * 盒子 宽度=width = padding + border 。 * 当padding+border+width<=width时,不会撑开盒子;大于时会撑开盒子。 演示源码:**`html\CSS3盒子模型.html`**