为了账号安全,请及时绑定邮箱和手机立即绑定

E 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。 
例:一个盒子的 margin 为 20px,border 为 1px,padding 为 10px,content 的宽为 200px、高为 50px,如果用标准 W3C 盒子模型解释,那么这个盒子需要占据的位置为:宽 20*2 1*2 10*2 200=262px、高 20*2 1*2*10*2 50=112px,盒子的实际大小为:宽 1*2 10*2 200=222px、高 1*2 10*2 50=72px;如果用IE 盒子模型,那么这个盒子需要占据的位置为:宽 20*2 200=240px、高 20*2 50=70px,盒子的实际大小为:宽 200px、高 50px。 


如果加上了 DOCTYPE 声明,那么所有浏览器都会采用标准 W3C 盒子模型去解释你的盒子

正在回答

1 回答

最后一句话是精华

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154708    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号