前端扩展之-盒模型

对于盒子模型你是怎么理解的?

一、盒子模型有两种,W3C和IE盒子模型。

①、W3C 定义的盒子模型包括margin、padding、border、content, 元素的width=content的宽度。

②、IE 盒子模型与W3C盒子模型的唯一区别就是元素的宽度,元素的width = content+padding+border

二、在W3C中,css3新增了box-sizing的样式

该有两个属性:content-box:width = content+padding+border

border-box: width=width(用样式指定宽度);比如设置了width:200px;那么width不随padding和border变化而变化。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180331G1H5N400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券