.box2{ width: 200px; height: 200px; background-color: red; padding: 50px; border:10px solid green; margin: 20px; box-sizing:border-box;}

实际弹出的宽度是80px  

box-sizing:border-box;加了这个之后width包含padding和border  所以实际宽度是减去这两个的值

IE7及以下浏览器不兼容

box-sizing:border-box;弹出的宽度是200px

.box2{ width: 200px; height: 200px; background-color: red; padding: 50px; border:10px solid green; margin: 20px; }

实际弹出的宽度是200px  不包含padding的

创新互联公司长期为上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为柳州企业提供专业的成都网站设计、成都网站制作，柳州网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

2&3//22|3//3NaN==NaN //falseundefined == undefined //truenull == null //truetypeof(undefined) //"undefined"typeof(null) //"object"typeof([])//"object"

文章名称：面试题整理-创新互联
URL分享：http://scgulin.cn/article/dccjih.html