解析CSS+DIV在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與Firefox的相容問題的同時，我們是更多的服從符合W3C一些的IE7.0，還是對96%的IE6.0妥協？這個問題其實有些多餘，我們能做的，或許只有選擇中庸，只有盡量調試到各個瀏覽器都顯示正常吧。

新舊技術的相容與交替是件非常重要的事情，對新技術的儘早的接觸與吸收是件好事，但對舊技術的相容更為重要，因為絕大部分客戶還在使用舊的技術