【怪异解析-盒模型】
来源:互联网 发布:四驱车凯旋战神淘宝 编辑:程序博客网 时间:2024/06/08 00:37
【怪异解析-盒模型】
怪异解析 - IE6盒模型
怪异模式是:“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”。
怪异模式主要表现在IE内核的浏览器。在IE6下,盒模型存在着一种怪异解析模式。
不同模式下的盒模型大小
1、在正常解析模式下:
盒模型的宽度 = width + margin(左右) + padding(左右) + border(左右)
2、在怪异解析模式下:
盒模型的宽度 = width + margin(左右) 。(即width已经包含了padding和border值)
怪异解析
触发浏览器:IE6
触发条件:未进行文档声明。
BUG效果:盒模型的大小计算方法发生变化。
规避方法
怪异解析的规避方式非常简单:
正常设置文档声明即可:<!DOCTYPE html>
阅读全文
1 0
- 【怪异解析-盒模型】
- 怪异盒模型 box-sizing
- CSS-标准盒模型 & 怪异盒模型
- 正常盒模型和怪异盒模型
- 怪异盒模型和标准盒模型
- HTML5基础加强css样式篇(css属性:怪异盒模型解析)(四十六)
- CSS中的标准盒模型 和 怪异盒模型
- CSS-标准盒模型和怪异盒模型box-sizing
- CSS-怪异盒模型和标准盒模型
- 前端进阶---标准盒模型和怪异和模型---
- border-radius该如何去设置以及怪异盒模型
- 盒模型——标准盒模型与怪异盒模型
- CSS盒模型全面讲解,怪异模式盒模型,CSS3 box-sizing属性
- 盒模型再回顾:外边距折叠与怪异盒模型
- H5基础——(5)怪异盒模型、弹性盒模型、倒影及阴影
- css基础———box-sizing—标准盒模型&怪异盒模型
- 怪异盒子模型、弹性盒子模型
- 浏览器的标准兼容模式和怪异呈现模式以及盒模型
- SpringBoot实现文件上传下载的功能
- 177.n1-banner的监听
- 大数据期末复习题目汇总
- git 拷贝一个branch里面的多个commits到另外一个branch的方法
- 5月学习内容
- 【怪异解析-盒模型】
- vagrant简易教程
- C Looooops POJ
- pexpect-scp_and_ssh
- leetcode:Maximum Subarray
- unittest 基础之 —— TestCase
- python使用SimpleXMLRPCServer实现简单的rpc
- 5月工作内容
- 行为型设计模式-解释器模式