3.怪异盒模型box-sizing?弹性盒模型|盒布局?【HTML】

在标准模式下的盒模型: 盒子总宽度/高度=width/height+padding+border+margin
在怪异模式下的盒模型下,盒子的总宽度和高度是包含内边距padding和边框border宽度在内的, 盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin;
box-sizing有两个值一个是content-box,另一个是border-box。
当设置为box-sizing:content-box时,将采用标准模式解析计算;
当设置为box-sizing:border-box时,将采用怪异模式解析计算。

猜你喜欢

转载自www.cnblogs.com/Caixingmin/p/11249768.html
今日推荐