手机
当前位置:查字典教程网 >网页设计 >心得技巧 >网页里的两种盒子模型(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前端神器 Sublime Text 2 的介绍

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

浏览器可以注册的事件小结

用图片实现超级链接的个性化下划线

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

浮动菜单,可实现上下滚动的效果

前端开发中一些常用技巧总结

网页设计心得 高效编写网页代码

通往优秀UI(用户界面)设计师之路的20个路标

精品推荐
分类导航