比较IE6的不同之处,与IE8 IE11 比较
文档申明为 <!DOCTYPE html>
IE6或者IE特有的一些东西
1.盒子模型
IE6:(使用 !DOCTYPE 声明指定 standards-compliant 模式) margin-left + border-left + padding-left + width + padding-right + border-right + margin-right , 如果没有声明为标准模式则为: margin-left + width + margin-right
IE8: 同IE6的标准模式
IE11: 同IE6的标准模式, 但IE11遵循CSS3标准,所以...
2. 内容宽度超过容器的宽度
IE6: 内容会撑开容器的宽度
IE8: 内容会溢出, 容器不会被撑开
IE11: 同IE8
<div style="border:10px solid #b6ff00; width:100px; height:100px"><div style="width:100px; border:5px solid #ff0000">内容</div></div>


3.容器内的内容有浮动属性, 容器没有设置浮动且宽度超过内容的宽度
IE6:容器的高度会被内容撑开
IE8:容器高度不会被撑开
IE11:同IE8
<div style="width:200px; border:10px solid #ff0000"><div style="width: 80px; border: 5px solid #0012dc; height: 30px; float: left">IE8</div><div style="width: 80px; border: 5px solid #0012dc; height: 30px; float: left">IE11</div></div>


4.内容浮动,并设置外边距
IE6: (bug)产生双倍边距, 内容元素不管向左还是向右浮动只要设置外边距都会产生双倍, 如果同时两个元素一个向左一个向右浮动,并同时设置外边距, 那么两边都会产生双倍边距
IE8: 左边距正常
IE11: 左边距正常
<div style="width:200px; height:50px; border:10px solid #ff0000"><div style="width: 80px; border: 5px solid #0012dc; height: 30px; float: left; margin-left: 10px">IE6</div><div style="width: 80px; border: 5px solid #0012dc; height: 30px; float: left; ">IE6</div></div>


比较IE6的不同之处,与IE8 IE11 比较的更多相关文章
- 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角
.rounded-corners { position: relative behavior: url(/Styles/PIE.htc); //这里一定是“/”根目录 border-radius: 2 ...
- 最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法和Css if hack条件语法操作说明
自从安装了IE8.0正式版本!木头 就对基本的几个 CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助! 本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象 ...
- 兼容IE6/IE7/IE8/FireFox的css hack
兼容IE6/IE7/IE8/FireFox的css hack .color{ background-color: #CC00FF; background-color: #FF00009; *backg ...
- 区分IE8/IE7/IE6及其他浏览器
在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外, FF+I ...
- 针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法
首先我们介绍一下HACK原理,就是不同浏览器对字符的识别不同 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!importan ...
- IE6+IE7+IE8+IE9+FF兼容性调试
HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同) 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF ...
- 区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法
HACK原理:不同浏览器对各中字符的识别不同 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6 ...
- ie6兼容问题汇总
这几天在查找和解决网页在ie6下的兼容性问题花了我不少的时间,参考了网上的一些解决方法和自己做出来比较有效果的给大家参考一下,也方便我日后再用到: 1.IE的cache设置为Every visit t ...
- IE8 HACK介绍
1.‘\9’: eg:.test { color/*\**/: blue\9 }.header {width:300px;} /* 所有浏览器*/.header {width/*\**/:330px\ ...
随机推荐
- GetType() 和typeof() 的区别
GetType() 非强类型,支持跨程序集发射,用来支持动态引用, A obja=new A(); Type t=obja.GetType() typeof() 强类型,静态的 Type t=type ...
- USB设备---URB请求快
1.urb 结构体USB 请求块(USB request block,urb)是USB 设备驱动中用来描述与USB 设备通信所用的基本载体和核心数据结构,非常类似于网络设备驱动中的sk_buff 结构 ...
- Python核心编程--学习笔记--2--Python起步(下)
16 文件和内建函数open(),file() 打开文件: fobj = open(filename, 'r') for eachLine in fobj: print eachLine, #由于每行 ...
- DataGridView的DataGridViewCheckBox问题
datagridview有一列DataGridViewCheckBox,但连续点击的话(1秒点击N次),会导致出错,数据处理不正确,感觉 private void dgv_CellContentCli ...
- Collection中的排序
我们来了解一下Collection的框架与接口: Set接口下面已经有SortedSet接口,其中提供了很多自带排序的实现类,例如ThreeSet,用户还能够自定义比较器来规定自己的排序规则. 本篇着 ...
- Linux 常见的进程调度算法
1.在介绍进程调度之前,先对进程的状态的概念应该有所了解,下面是关于进程状态的一些基本概念:进程的状态分为三种,分别为: 1).运行态:该状态表明进程在实际占用CPU 2).就绪态: 该状态下进程可以 ...
- RMAN 报:ORA-19504 ORA-27038
在itpub中看到下面的问题: oracle 10g备份脚本如下run{allocate channel d1 device type disk MAXPIECESIZE=100M;crosschec ...
- Windows 10 IoT Core Samples
Windows 10 IoT Core Samples Welcome to the Windows 10 IoT Core Samples These samples have been valid ...
- golang的内存模型与new()与make()
要彻底理解new()与make()的区别, 最好从内存模型入手. golang属于c family, 而c程序在unix的内在模型: |低地址|text|data|bss|heap-->|unu ...
- 数组链表下标指针map list
1.时间复杂度 (1)时间频度 一个算法执行所耗费的时间,从理论上是不能算出来的,必须上机运行测试才能知道.但我们不可能也没有必要对每个算法都上机测试,只需知道哪个算法花费的时间多,哪个算法花费的时间 ...