本文向大家簡單描述一下CSS+DIV在IE6和IE7中的差異，IE7寬度在IE6上要寬一些,,正是這個原因網(wǎng)頁可能會出現(xiàn)溢出問題,還好這個問題可以通過更改數(shù)值或者修改一下百分比解決。

CSS+DIV在IE6和IE7中的差異

1.IE7,IE6div+css出現(xiàn)寬度定義不同

　　在寬度定義上出現(xiàn)寬度的解釋不同,IE7寬度在IE6上要寬一些,,正是這個原因網(wǎng)頁可能會出現(xiàn)溢出問題,還好這個問題可以通過更改數(shù)值或者修改一下百分比解決.

2.IE7.0修復了!important這個bug

　　先前由于IE6.0對!important識別存在bug,在firefox和IE中的BOX模型解釋不一致導致相差2px，大部分網(wǎng)頁標準設計師通過這個bug來兼容IE6.0和firefox，即采用：div{margin:30px!important;margin:28px;}。但是IE7.0把這個bug給修復了,所以問題又出現(xiàn)了,怎么兼容IE.7.0的同時又能兼容IE6.0和firefox？

3.BoxModel的改變

　　在IE7中，為了適應CSS2.1boxmodel修改了溢出的行為。

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

　　IE7中修改了許多潛在解析錯誤，這些可能會阻止filter在以前的IE版本中正常工作。如：*HTMLfilter，下劃線filter和/**/注釋filter等等。

5.IE7.0對很多不規(guī)范的css不再支持，對js語法要求更嚴格規(guī)范

　　很多在IE6下正常顯示的js頁面，在IE7下均不能正常顯示，并且還沒有提示錯誤。IE7.0對js語法要求更嚴格規(guī)范，只是這個規(guī)范似乎并沒有說明，也沒有明白的告訴大家，他們是怎么“規(guī)”怎么“范”的。
瀏覽器不兼容這個難題，一直是網(wǎng)頁設計師們頭痛的事情。IE7.0的面世，尚且不論他是否較之IE6.0進步，IE7和IE6之間不兼容，毫無疑問又引入了新的痛處，至少在調(diào)試的過程中，又多了一道程序以及隨之而來的大量不兼容。
　　目前，使用IE7.0的用戶尚且是少數(shù)，使用IE6.0的用戶仍然占據(jù)很大的比重。然而，大量通過IE6測試的網(wǎng)頁，在IE7.0中都顯示不正常。
　　
據(jù)IE7.0官方解說：

　　IE7.0在IE6的基礎上引入了strict模式，包含了許多有關(guān)于層疊樣式表（CSS）解析與呈現(xiàn)的改進。這些改進意在提高InternetExplorer解釋層疊樣式表的一致性，以達到W3C的推薦的標準，同時為開發(fā)者提供一個可以依賴的功能集合。

　　不管官方的語言是多么動聽，也不管IE7.0是不是真的W3C了，瀏覽器之間太多個性化的東西，太多差異，讓我們無可奈何。在IE7.0下設計出的網(wǎng)頁，IE6下面顯示的幾乎是不堪入目。那么，我們在設計網(wǎng)頁的時候，在解決好IE6.0與火狐的兼容問題的同時，我們是更多的服從符合W3C一些的IE7.0，還是對96%的IE6.0妥協(xié)？這個問題其實有些多余，我們能做的，或許只有選擇中庸，只有盡量調(diào)試到各個瀏覽器都顯示正常吧。

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

【編輯推薦】

1. IE6.0中使用Javascript支持png格式圖片
2. JS實現(xiàn)IE6下PNG圖片透明又出新方法！
3. JavaScript數(shù)組元素刪除問題解決方案
4. JavaScript對象的定義及創(chuàng)建實例
5. 解析Javascript中replace()方法使用