ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
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`**