CSS中的标准盒模型 和 怪异盒模型
来源:互联网 发布:殷保华一线法源码 编辑:程序博客网 时间:2024/05/29 19:16
CSS中Box model分类
CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。
大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。
怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。
当不对doctype进行定义时,会触发怪异模式。
在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
在怪异模式下,一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)
注意:可以采用css3中的box-sizing属性来统一标准盒子模型和怪异盒子模型
box-sizing:content-box || border-box
当设置content-box时默认采用标准盒子模型;
当设置border-box时默认采用怪异盒子模型;
2 0
- CSS中的标准盒模型 和 怪异盒模型
- CSS-标准盒模型 & 怪异盒模型
- CSS-标准盒模型和怪异盒模型box-sizing
- CSS-怪异盒模型和标准盒模型
- 怪异盒模型和标准盒模型
- 前端进阶---标准盒模型和怪异和模型---
- css基础———box-sizing—标准盒模型&怪异盒模型
- 正常盒模型和怪异盒模型
- 【怪异解析-盒模型】
- css盒模型(IE和标准)
- 盒模型——标准盒模型与怪异盒模型
- 浏览器的标准兼容模式和怪异呈现模式以及盒模型
- 怪异盒模型 box-sizing
- CSS中的盒模型
- CSS中的盒模型
- 标准和模型和IE盒模型
- CSS盒模型全面讲解,怪异模式盒模型,CSS3 box-sizing属性
- 标准盒模型和IE盒模型
- 关于NSTimer的使用和内存释放
- JavaScript类型检查与内部属性[[Class]]
- tomcat解析(一)
- HashMap源码剖析
- 找工作的心路历程及面试经验(致自己逝去的学生时代)
- CSS中的标准盒模型 和 怪异盒模型
- Retrofit2 结合 Rxjava 解决返回的 JSON
- 360浏览器内核控制Meta标签说明文档
- LNMP一键安装包常用命令及配置文件路径
- 初识 SpringBoot
- jsonp使用jsonpCallback回执函数无法获取后台response
- 将数组按照升序,降序排列范列 1
- 在运行jsp,servlet程序时问题会出现404或者500错误
- 光圈与景深的关系