简介
border-box
框线盒
border
[英][ˈbɔ:də(r)][美][ˈbɔ:rdə(r)]
n.
边; 镶边; 包边; 边界;
vt.& vi.
与…接界,在…的边上;
vt.
沿…的边,环绕…,给…镶边;
vi.
近似,毗邻;
第三人称单数:borders
複数:borders
现在进行时:bordering
过去式:bordered
过去分词:bordered
框线盒
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用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之内,其实就是怪异模式了~
content-box,border和padding不计算入width之内
padding-box,padding计算入width内
border-box,border和padding计算入width之内,其实就是怪异模式了~