CSS3盒子模型

CSS3中可以通过box-sizing来指定盒子模型,有2个值:即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。

可以分成两种情况:

1.box-sizing:content-box盒子大小为width+padding++border(以前默认的)

2.box-sizing:border-box盒子大小为width

如果盒子模型我们改为box-sizing:border-box,那么padding和border就不会撑大盒子了(前提padding和border不会超过width宽度)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容