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


案例需求:

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

 

解决方法①:手动内减

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

 

解决方法②:自动内减

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

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

 


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM