详解CSS3中的box

日期:2021-01-20 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

CSS3中的box-sizing(content-box与border-box)

CSS3中的box-sizing 特性容许以特殊的方法来特定盒实体模型,有两种方法:

content-box:规范盒实体模型,又叫做 W3C盒实体模型,1般在当代访问器中应用的全是这个盒实体模型

border-box:奇异盒实体模型,低版本号IE访问器中的盒实体模型

当代访问器和IE9+默认设置值是content-box。

英语的语法文件格式:

box-sizing:content-box | border-box

差别:

content-box:padding和border不被包括在界定的width和height以内。

盒子的具体宽度=设定的width+padding+border

border-box:padding和border被包括在界定的width和height以内。

盒子的具体宽度=设定的width(padding和border不容易危害具体宽度)

总结

以上所述是网编给大伙儿详细介绍的CSS3中的box-sizing(content-box与border-box),期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!