无为清净楼资源网 Design By www.qnjia.com
网页盒子模型存在两种:
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)
![网页里的两种盒子模型(W3C盒子模型、IE盒子模型)](/UploadFiles/2021-03-30/201309081153501.gif)
2: IE盒子模型
宽=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)
![网页里的两种盒子模型(W3C盒子模型、IE盒子模型)](/UploadFiles/2021-03-30/201309081202242.gif)
该模型是IE浏览器默认的盒子模型,当然也可以对其进行更改
标签:
网页,盒子模型
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
更新日志
2024年06月14日
2024年06月14日
- 世界启元手游什么时候上线 世界启元上线时间介绍
- 世界启元有哪些资源 资源介绍及获得途径分享
- 世界启元新手进阶开荒队攻略 首充礼包阵容推荐
- [中友缘唱片]原创音乐《寂寞缠绕DSD》WAV+CUE
- 顶级发烧制作-群星《大牌翻唱1-2》WAV
- 詹姆斯·拉斯特-世界级指挥及演奏大师《天堂鸟Paradiesvogel》[WAV+CUE]
- 吕方 情歌王子《旧情人·老情歌精选 2CD》[WAV+CUE][900MB]
- 邰正宵《用情太深》DSD+SBM版[WAV+CUE][600MB]
- 梅艳芳《绝代芳华》DSD+SBM版[WAV+CUE][600MB]
- 霍正奇.1991-雨的脸我的脸【飞鹰】【WAV+CUE】
- 张雨生.1995-还是朋友【飞碟】【WAV+CUE】
- 艾斯卡尔.2020-祝福【喜洋洋】【WAV+CUE】
- 世界启元巴罗萨怎么样 世界启元巴罗萨介绍
- 世界启元世界进程系统是什么 世界进程系统机制介绍
- 世界启元汉尼怎么样 世界启元汉尼英雄介绍