手机
当前位置:查字典教程网 >网页设计 >心得技巧 >网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
摘要:网页盒子模型存在两种:1:标准W3C盒子模型;2:IE盒子模型(IE浏览器默认的模型)。在两种不同模型网页里,定义了相同CSS属性的元素显示...

网页盒子模型存在两种:

1:标准W3C盒子模型; 2:IE盒子模型(IE浏览器默认的模型)。

在两种不同模型网页里,定义了相同CSS属性的元素显示效果是不一样的,下面就用公式来区分这两种不同的盒子模型。

1:标准W3C盒子模型

宽=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)

高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)

网页里的两种盒子模型(W3C盒子模型、IE盒子模型)1

2: IE盒子模型

宽=width+(border-left)+(border-right)

高=height+(border-top)+(border-bottom)

网页里的两种盒子模型(W3C盒子模型、IE盒子模型)2

该模型是IE浏览器默认的盒子模型,当然也可以对其进行更改

【网页里的两种盒子模型(W3C盒子模型、IE盒子模型)】相关文章:

网页设计师如何应聘网页设计职位

Web前端开发工程师需要掌握的核心技能

有创意的关于我们网页页面设计

Unicode签名BOM引发的事故原因分析

各种网络图片格式详解 PNG的好处

对div盒子模型使用心得总结

网页设计:海量素材的准确位置和用途

手机浏览器Viewport 参数(web前端设计)

网站视觉设计的一些要点

DIV常见任务(下) —变身为编辑器及div的各种diy应用

精品推荐
分类导航