CSS3盒模型(自动内减-内减模式)

案例需求:

给盒子设置border或padding时，盒子会被撑大，如果不想盒子被撑大？

 

解决方法①:手动内减

操作:自己计算多余大小，手动在内容中减去·缺点:项目中计算量太大，很麻烦。

 

解决方法②:自动内减

操作:给盒子设置属性box-sizing:border-box;即可。（常常在公共CSS中有，只需要在所需盒子标签中调用该class属性即可使用。

优点:浏览器会自动计算多余大小，自动在内容中减去。

 

————————————————
版权声明：本文为CSDN博主「RHCHIK」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/rHong123/article/details/123341240