屬性用法
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
box-sizing: inherit;
詳解
-
content-box：標準寬度content -
border-box：border以內的寬度width = border + padding + content -
padding-box：padding以內的寬度width = padding + content -
inherit：繼承父元素的屬性值
比如
- 有三個
div，寬度共占100%，如果其中一個div增加一個border / padding為4px淀歇，則總寬度就會變成100%+4px，就會將最后一個div擠下去牡直，不管這個div是用%還是px設置的寬度纳决，而border-box會使其寬度自適應，也就是border / padding都不會增加它的寬度 -
padding-box只有火狐瀏覽器支持阔加，使用時應加上內核前綴
