CSS3 box-sizing属性
2017-05-25 01:21
375 查看
语法:
box-sizing:content-box | box-border
取值:
content-box:
padding 和 border 不包括在 width 和 height 之内。对象的实际宽度等于设置的宽度值和 border、padding之和,即(Elementwidth = width + padding + border)
此属性表现为标准模型下的盒模型。
border-box:
padding 和 border 被包含在定义的 width 和 height 之内。
对象的实际宽度就等于设置的 width 宽度。
即定义有 border 和 padding 也不会改变对象的实际宽度。
即 (Elementwidth = width)
此属性表现为怪异模式下的模型。
box-sizing:content-box | box-border
取值:
content-box:
padding 和 border 不包括在 width 和 height 之内。对象的实际宽度等于设置的宽度值和 border、padding之和,即(Elementwidth = width + padding + border)
此属性表现为标准模型下的盒模型。
border-box:
padding 和 border 被包含在定义的 width 和 height 之内。
对象的实际宽度就等于设置的 width 宽度。
即定义有 border 和 padding 也不会改变对象的实际宽度。
即 (Elementwidth = width)
此属性表现为怪异模式下的模型。
相关文章推荐
- css3 box-sizing属性
- CSS3新属性box-sizing
- CSS3 box-sizing 属性
- Css3 box-sizing属性
- CSS3 box-sizing 属性
- css3中的box-sizing属性
- css3属性之 box-sizing
- CSS3属性box-sizing使用指南
- CSS3 box-sizing属性的应用
- css3 box-sizing属性
- CSS3 box-sizing 属性
- CSS3 CSS3 box-sizing 属性
- css3 box-sizing属性
- CSS3 Box-sizing属性以及解决兼容性的一些做法
- css3 box-sizing属性
- CSS3 box-sizing 属性
- css3 box-sizing属性
- CSS3 Box-sizing属性以及解决兼容性的一些做法。
- css3属性box-sizing
- CSS3教程:box-sizing属性的理解border、padding与容器宽度的关系