解析DIV+CSS在IE6和IE7中的区别

本文向大家简单描述一下CSS+DIV在IE6和IE7中的差异，IE7宽度在IE6上要宽一些,,正是这个原因网页可能会出现溢出问题,还好这个问题可以通过更改数值或者修改一下百分比解决。

CSS+DIV在IE6和IE7中的差异

1.IE7,IE6div+css出现宽度定义不同

在宽度定义上出现宽度的解释不同,IE7宽度在IE6上要宽一些,,正是这个原因网页可能会出现溢出问题,还好这个问题可以通过更改数值或者修改一下百分比解决.

2.IE7.0修复了!important这个bug

先前由于IE6.0对!important识别存在bug,在firefox和IE中的BOX模型解释不一致导致相差2px，大部分网页标准设计师通过这个bug来兼容IE6.0和firefox，即采用：div{margin:30px!important;margin:28px;}。但是IE7.0把这个bug给修复了,所以问题又出现了,怎么兼容IE.7.0的同时又能兼容IE6.0和firefox？

3.BoxModel的改变

在IE7中，为了适应CSS2.1boxmodel修改了溢出的行为。

4.IE7.0中一些CSSfilter将不再可用

IE7中修改了许多潜在解析错误，这些可能会阻止filter在以前的IE版本中正常工作。如：×HTMLfilter，下划线filter和注释filter等等。

5.IE7.0对很多不规范的css不再支持，对js语法要求更严格规范

很多在IE6下正常显示的js页面，在IE7下均不能正常显示，并且还没有提示错误。IE7.0对js语法要求更严格规范，只是这个规范似乎并没有说明，也没有明白的告诉大家，他们是怎么“规”怎么“范”的。
浏览器不兼容这个难题，一直是网页设计师们头痛的事情。IE7.0的面世，尚且不论他是否较之IE6.0进步，IE7和IE6之间不兼容，毫无疑问又引入了新的痛处，至少在调试的过程中，又多了一道程序以及随之而来的大量不兼容。
目前，使用IE7.0的用户尚且是少数，使用IE6.0的用户仍然占据很大的比重。然而，大量通过IE6测试的网页，在IE7.0中都显示不正常。

据IE7.0官方解说：

IE7.0在IE6的基础上引入了strict模式，包含了许多有关于层叠样式表（CSS）解析与呈现的改进。这些改进意在提高InternetExplorer解释层叠样式表的一致性，以达到W3C的推荐的标准，同时为开发者提供一个可以依赖的功能集合。

不管官方的语言是多么动听，也不管IE7.0是不是真的W3C了，浏览器之间太多个性化的东西，太多差异，让我们无可奈何。在IE7.0下设计出的网页，IE6下面显示的几乎是不堪入目。那么，我们在设计网页的时候，在解决好IE6.0与火狐的兼容问题的同时，我们是更多的服从符合W3C一些的IE7.0，还是对96%的IE6.0妥协？这个问题其实有些多余，我们能做的，或许只有选择中庸，只有尽量调试到各个浏览器都显示正常吧。

新旧技术的兼容与交替是件非常重要的事情，对新技术的尽早的接触与吸收是件好事，但对旧技术的兼容更为重要，因为绝大部分客户还在使用旧的技术。