box-sizing 的用法

box-sizing

设置了 width 和 height 以后

• 默认是包含 padding 在内的
• box-sizing: border-box 是连同 padding+border 在内
• box-sizing: content-box 是只包含内容区域，不包含 padding 的

box-sizing options

• content-box: width height 被应用在内容区域
• padding-box: width height 被应用在内容+padding 区域，只有 Firefox 支持
• border-box: width height 被应用在内容+padding+border 区域
• inherit: 从父容器继承样式