前端扩展之-盒模型
对于盒子模型你是怎么理解的?
一、盒子模型有两种，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
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
