主页

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宽度)
.box {
    box-sizing: border-box;
}

CSS3

版权属于:Joe
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
0
查看目录

目录

来自 《CSS3新特性-盒子模型》
评论

博主很懒,啥都没有
46 文章数
7 评论量
3 分类数
49 页面数
已在风雨中度过 198天7小时19分