大阳城·(中国区)官方网站入口-Macau App Station

content_box属性

border_box属性

在上面案例中定义了两个盒子，并对它们设置相同的宽、高、右内边距和边框样式。并且，对第一个盒子定义“box-sizing: content-box;”样式，对第二个盒子定义“box-sizing: border-box;”样式。

box-sizing用法

可以发现应用了“box-sizing: content-box;”样式的盒子1，宽度比width参数值多出30px，总宽度变为330px;而应用了“box-sizing: border-box;”样式的盒子 2，宽度等于width参数值，总宽度仍为300px。应用“box-sizing: border-box;”样式后，盒子border和padding的参数值是被包含在width和height之内的。

猜你喜欢：

怎么用css3画三角形？css绘制三角形图文教程

CSS3 box-shadow的用法|box-shadow属性详解

JavaScript动画和CSS3动画有什么区别？

CSS3如何设置颜色不透明度？

大阳城app官网入口HTML&JS+前端高手班

上一篇：CSS3中:before选择器和:after选择器的用法详细介绍 下一篇：如何理解语义化标签?常用语义化标签有哪些？