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