css 之 box-sizing
css 之 box-sizing
bosscheng 发表于2年前
css 之 box-sizing
  • 发表于 2年前
  • 阅读 43
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

摘要: 对于box-sizing的理解

适用范围:所有接收width和height的元素

默认值:content-box

取值:content-box | border-box

理解

  1. content-box: padding和border不被包含在定义的width和height里面,对象的实际宽度等于设置的width的只和border,padding之和, element width = width + border+padding

  2. border-box: padding和border包含在定义的width和height里面,对象的实际宽度就是width,即时定义了border和padding也不会改变对象的实际宽度,element width = width 

    ps: border-box属性表现为怪异模式下的盒模型


共有 人打赏支持
粉丝 80
博文 210
码字总数 90636
×
bosscheng
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: