CSS3中box-sizing属性的作用以及应用场景


盒模型box-sizing:

取值

1.content-box 默认值,标准盒模型,设置宽度为内容宽度,实际宽度为左右边距加上左右边框加上左右填充再加上内容宽度

2.border-box 设置宽度等于元素内容宽度,content包含了元素的border和padding

3.inherit 继承父元素的盒模型模式

兼容 iE8+

解决问题:
边框和填充被计算到盒模型内,不会破坏布局


免责声明!

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



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