星空网 > 软件开发 > 网页设计

W3C盒子与IE盒子模型

盒模型: W3C盒子与IE盒子模型

内容(content)、填充(padding)、边界(margin)、 边框(border)

IE的content部分把 border 和 padding计算了进去

例:一个盒子的

margin 为 20px,border 为 1px,padding 为 10px,

content 的宽为 200px、高为 50px,

标准 w3c 盒子模型:

  占据的位置:内容(content) + 填充(padding) + 边框(border) + 边界(margin);

  占据的位置为:宽 20*2+1*2+10*2+200=262px、高 20*2+1*2*10*2+50=112px;

  盒子的实际大小:内容(content) + 填充(padding) + 边框(border);

  盒子的实际大小为:宽 1*2+10*2+200=222px、高 1*2+10*2+50=72px;

ie 盒子模型:

  占据的位置:内容(content)+边界(margin);

  占据的位置为:宽 20*2+200=240px、高 20*2+50=70px,

  盒子的实际大小:内容(content);

  盒子的实际大小为:宽 200px、高 50px。

  详情:http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html




原标题:W3C盒子与IE盒子模型

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊SEO优化,如何深度挖掘核心关键词!:https://www.ikjzd.com/articles/12110
敏哥:揭秘亚马逊review的那些高阶玩儿法:https://www.ikjzd.com/articles/121107
shopee斋月大促活动卖家该如何选品?:https://www.ikjzd.com/articles/121116
速卖通卖家如何在店铺设置搜索关键词?:https://www.ikjzd.com/articles/121117
怎么利用直通车打造爆款和高性价比产品?:https://www.ikjzd.com/articles/121118
注意,澳大利亚和俄罗斯先后发布物流通知!:https://www.ikjzd.com/articles/12112
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流