CSS3的box-sizing属性用来做什么，用法是怎样的-群英

上一篇：在CSS中怎样写正方形的DIV，方法是什么下一篇：CSS中用什么方法制作发光文字的效果

今天小编跟大家讲解下有关“CSS3的box-sizing属性用来做什么，用法是怎样的”的内容，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。

CSS3中的box-sizing（content-box与border-box）

CSS3中的box-sizing 属性允许以特定的方式来指定盒模型，有两种方式：

content-box：标准盒模型，又叫做 W3C盒模型，一般在现代浏览器中使用的都是这个盒模型

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属性用来做什么，用法是怎样的”的介绍了，感谢各位的阅读，如果大家想要了解更多相关的内容，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签： box-sizing

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：在CSS中怎样写正方形的DIV，方法是什么下一篇：CSS中用什么方法制作发光文字的效果