w3c盒子模型与ie盒子模型
2024-03-26 08:41:12
盒子模型是css的专有名词，用来描述页面设置中的各种属性，如内容（content）、填充（padding）、边框（border）、边界（margin），由于这些属性拼在一起，与日常生活中的“盒子”很相像，因而称作盒子模型
盒子模型是分为两类的，一类是W3C盒子模型，另一类是IE盒子模型，最根本区别就是：属性Height与Width这两个值是否包含了padding与border。W3C盒子模型不包含padding与border，仅仅指content的height和width。而IE盒子模型则包含了padding与border。
W3c模型
ie模型
当然，学过jquery的人，应该都知道可以通过jquery.support.boxModel对象返回的属性值，确定页面是否是标准的W3C盒子模型，调用的方法：
$.support.boxModel
该方法返回一个布尔值，若是true则表示是W3C盒子模型，否则，就不是。
若是删除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 就会是ie盒子模型
因而，在编写页面代码时，尽量先声明DOCTYPE类型，使用标准的W3C盒子模型，避免多个浏览器间的相互不兼容。
最新文章
- php实现设计模式之 备忘录模式
- HTML ------ 关于表单 Form
- Zabbix 监控 Nginx（四）
- [转]配置sonar、jenkins进行持续审查
- Azure开发者任务之三：理解Azure应用程序（上）
- Microsoft Visual Studio 产品密钥
- Jsoup代码解读之五-实现一个CSS Selector
- Windows下彻底卸载删除SQL Serever2012
- NPOI导Excel样式设置（转）
- API 测试的具体实现
- [Swift]LeetCode952. 按公因数计算最大组件大小 | Largest Component Size by Common Factor
- DependencyInjection源码解读之ServiceProvider
- qt 利用 HTML 生成PDF文档，不能显示jpg图片
- python 词云小demo
- Linux 上传下载文件 [转]
- activity window view 关系
- 四、springboot（一）入门
- 第7章 网络层协议（4）_IGMP协议
- Distributed traceability with Spring Cloud: Sleuth and Zipkin
- web安全之XSS注入