IE6 加规范后，float:right 和 float:left 再加 position:absolute 的话，position:absolute 的那个 div 就没有了。
当然了，不规范是没有问题的，IE就是不规范的。
神奇的 IE ！
CSS 分类中的最新日记
IE 在声明规范后，div 的 overflow:auto 就会出错，把 div 定义 position:relative 就好了。
IE 在声明规范后都有毛病，比如滚动条的高度就要用 document.documentElement.scrollTop ，而不是 document.body.scrollTop 。所以求滚动条高度的标准写法是 var st = (document.documentElement.scrollTop || document.body.scrollTop) 。
DOCTYPE的常用声明：按照 HTML 4.01 XHTML 1.0 XHTML 1.1 列表如下，错误的DOCTYPE HTML PUBLIC反而会导致页面解析错误。
HTML 4.01规范分为：Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0规范分为：Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Firefox3.5发布了，那么对于我们前端开发人员来说，有哪些影响呢？
1、HTML
audio和vidio等HTML5标签的支持。
audio的HTML代码可以是这样的：
Video可以这样写：
另外，Firefox 3.5还将支持其它的一些HTML5特性，比如，离线资源和拖拽。
2、CSS
Firefox 3.5对CSS的支持改进比较多，主要是支持更多的CSS3特性，我简单的列表如下：
Firefox还支持其它的一些新特性，比如一些伪类等，用的不是太多，这里就不介绍了，感兴趣的话可以到firefox开发者网站去查看。不过前端观察会继续跟进firefox新版本的进展。
从中我们可以看到，目前对CSS3和HTML5的支持最好的是webkit核心浏览器，safari支持的最棒，chrome2.0beta的支持也在不断改进。而firefox在下一个版本中也将有很大的进步。唯一不足的是IE系浏览器，依然跟在各个浏览器的后面。
参考：http://www.qianduan.net/firefox-3-5-new-features.html
1、HTML
audio和vidio等HTML5标签的支持。
audio的HTML代码可以是这样的：
<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>查看更多关于audio的信息。
您的浏览器尚不支持audio标签。
</audio>
Video可以这样写：
<video src="videofile.ogg" autoplay>查看更多关于video的信息。
您的浏览器尚不支持video标签。
</video>
另外，Firefox 3.5还将支持其它的一些HTML5特性，比如，离线资源和拖拽。
2、CSS
Firefox 3.5对CSS的支持改进比较多，主要是支持更多的CSS3特性，我简单的列表如下：
- @font-face支持，该规则支持CSS3网络字体。
- opacity支持升级，抛弃-moz-opacity私有属性，完整支持CSS的 opacity属性。
- :before 和 :after伪类更新的CSS 2.1水平，支持position、float、list-style-*、和一些display等属性。
- text-shadow支持。text-shadow是一个CSS3属性，即文字阴影。目前，只有Chrome、safari和Opera浏览器支持CSS3的文字阴影。
- word-wrap。这是对Firefox来说一个新增的CSS属性，目前IE系浏览器支持该属性。这可以解决字符串过长时的bug，相信很多网页设计师都遇到过。
- transforms，transforms属性目前只有webkit核心浏览器支持，包括safari和chrome，Firefox3.5也将支持该属性，它可以将一个元素按照设定的比例变换，必去旋转或缩放，详情请查看 -moz-transform和-moz-transform-origin。
Firefox还支持其它的一些新特性，比如一些伪类等，用的不是太多，这里就不介绍了，感兴趣的话可以到firefox开发者网站去查看。不过前端观察会继续跟进firefox新版本的进展。
从中我们可以看到，目前对CSS3和HTML5的支持最好的是webkit核心浏览器，safari支持的最棒，chrome2.0beta的支持也在不断改进。而firefox在下一个版本中也将有很大的进步。唯一不足的是IE系浏览器，依然跟在各个浏览器的后面。
参考：http://www.qianduan.net/firefox-3-5-new-features.html
个人认为pre还是用overflow:auto;
比较好，可以保持代码的完整。但你如果一定要换行就用下列代码吧。IE5.0以下不行，不过IE5.0也没有什么人用了！
pre{
white-space: pre-wrap; / css-3 /
white-space: -moz-pre-wrap; / Mozilla, since 1999 /
white-space: -pre-wrap; / Opera 4-6 /
white-space: -o-pre-wrap; / Opera 7 /
}
pre{
#word-break: break-all; /* Internet Explorer 7.0+ */
#word-wrap: break-word; /* Internet Explorer 7.0+ */
_word-break: break-all; /* Internet Explorer 6.0- */
_word-wrap: break-word; /* Internet Explorer 6.0- */
}
IE的pre标签使用innerHTML会使white-space不正常，基本上就是pre标签跟div标签一样了。
要注意！可以用div来模拟pre。
要注意！可以用div来模拟pre。
王炜，现在福建泉州从事 B2C 电子商务。爱好编程，业余时间在 FreeBSD / Apache / PHP / PostgerSQL 平台开发 B/S 架构的免费软件。
在线记账 |
Code Snippets |
Mr.Wang
收藏王炜's Blog
