盒模型box-sizing:
取值
1.content-box 默認值,標准盒模型,設置寬度為內容寬度,實際寬度為左右邊距加上左右邊框加上左右填充再加上內容寬度
2.border-box 設置寬度等於元素內容寬度,content包含了元素的border和padding
3.inherit 繼承父元素的盒模型模式
兼容 iE8+
解決問題:
邊框和填充被計算到盒模型內,不會破壞布局
盒模型box-sizing:
取值
1.content-box 默認值,標准盒模型,設置寬度為內容寬度,實際寬度為左右邊距加上左右邊框加上左右填充再加上內容寬度
2.border-box 設置寬度等於元素內容寬度,content包含了元素的border和padding
3.inherit 繼承父元素的盒模型模式
兼容 iE8+
解決問題:
邊框和填充被計算到盒模型內,不會破壞布局
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。