border-box

簡介

border-box
框線盒
border
[英][ˈbɔ:də(r)][美][ˈbɔ:rdə(r)]
n.
邊; 鑲邊; 包邊; 邊界;
vt.& vi.
與…接界，在…的邊上;
vt.
沿…的邊，環繞…，給…鑲邊;
vi.
近似，毗鄰;
第三人稱單數：borders
複數：borders
現在進行時：bordering
過去式：bordered
過去分詞：bordered

兼容性

box-sizing默認值content-box
該屬性沒繼承性使用類似*式設定box-sizing用box-sizing默認值content-box覆蓋
要注意要足夠高優先權覆蓋原屬性
原設定div{box-sizing: border-box;}
使用div.content-box{box-sizing:content-box;}進行覆蓋

屬性

box-sizing屬性可以為三個值之一：content-box（default），border-box，padding-box。
content-box，border和padding不計算入width之內
padding-box，padding計算入width內
border-box，border和padding計算入width之內，其實就是怪異模式了~