网页盒子模型存在两种:
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)
2: IE盒子模型
宽=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
该模型是IE浏览器默认的盒子模型,当然也可以对其进行更改
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)
2: IE盒子模型
宽=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
该模型是IE浏览器默认的盒子模型,当然也可以对其进行更改
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年05月01日
2024年05月01日
- 《剑星》女主服装被“和谐” 玩家怒喷官方不信守承诺
- 《黄品源17CD合集》[WAV+CUE][8.4G]
- 《萨顶顶10CD合集》[WAV+CUE][5.2G]
- 野人《疯狂的士高》3CD[WAV分轨][1.8G]
- 叶世荣.2015-引以为荣EP【达意美施】【WAV+CUE】
- 张德兰.2012-重遇【新世纪】【WAV+CUE】
- 王菲.2009-阿菲正传3CD【新艺宝】【WAV+CUE】
- 詹雅雯.2003-想厝的人【大信唱片】【WAV+CUE】
- 周柏豪.2011-本体分裂(EP)【华纳】【WAV+CUE】
- 群星.1995-为全世界歌唱【宝丽金】【WAV+CUE】
- 张惠妹《姐妹》[DSF][1.3G]
- 《刘德丽16CD合集》[WAV+CUE][8.5G]
- 齐秦《齐秦的世纪情歌之迷》24K GOLD [WAV+CUE][568M]
- 电子琴《汽车音响精品》5CD特效360度[WAV+CUE]
- 【古典音乐】卡拉扬《首次录音(4)》2006[FLAC+CUE整轨]