面试题整理-创新互联

.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://bzwzjz.com/article/dccjih.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站建设公司 成都营销网站建设 成都品牌网站建设 温江网站设计 网站建设 网站制作公司 成都网站制作 成都网站建设 营销型网站建设 专业网站设计 成都网站设计 成都网站建设 成都网站建设 成都商城网站建设 成都网站设计公司 成都网站建设 古蔺网站建设 营销型网站建设 成都网站制作 成都企业网站设计 重庆手机网站建设 企业网站设计