zl程序教程

您现在的位置是:首页 >  其他

当前栏目

有没有了解过box-sizing,除了border-box还用过哪些,有没有用过其他的box-sizing的属性值属性?

属性 了解 哪些 其他 Box 有没有 除了 border
2023-09-14 09:02:35 时间

box-sizing从本质角度触发,他控制盒子大小的尺寸,在这里里面他有两个取值经常被使用

1、box-sizing:content-box;content-box可以理解成计算盒子大小的时候从内容区域开始进行计算,也就是计算的时候按照标准盒子模型进行计算;遵循W3C官方盒子模型的计算方法

如果是不携带box-sizing这个属性的话,盒子模型的大小计算仍然按照标准盒子模型进行计算因为content-box是box-sizing属性的默认值

2、box-sizing:border-box;border-box可以理解成计算盒子大小的时候从边框区域进行计算,也就是按照怪异盒子模型的标准进行计算,遵循的是ie怪异盒子的标准,通过box-sizing:border-box能够改变盒子模型的计算方法

陆荣涛前端学习交流Q群858752519
加群备注:CSDN推荐