“Win國天下，欲練CSS之人不在少數(shù)，大多不得要領(lǐng)，又或是走火入魔，全為IE所累。故曰：欲練CSS，必先功IE。”

　　曾經(jīng)，我也屬于為IE所累的行列，如今見到很多人仍然不愿意對自己的寶貝IE下手，所以決定特異寫篇文章說說此事，以明辨IE到底是寶貝還是累贅。

　　好了，funny部分結(jié)束，按回我的習(xí)慣直入正題。之所以說IE不好，是因為IE會誤導(dǎo)了你對CSS模型的理解，讓你以為IE的理解是對的，之后無論如何你都無法用你的IE模型理論去為你那個無法在FF正常顯示的CSS提供fix。更加壞的事情是，即使你僅僅針對IE設(shè)計，不考慮其它瀏覽器，由于IE模型絕對可以說是一只讓人難以捉摸其脾氣的怪物，所以你單純?yōu)镮E設(shè)計也會遇到眾多難題，發(fā)現(xiàn)很多的效果總是繞來繞去都難以實現(xiàn)。

　　我們都知道，XHTML+CSS的目標(biāo)就是實現(xiàn)內(nèi)容與表現(xiàn)分離，理論上對于任何特定一份內(nèi)容，我們都可以通過CSS實現(xiàn)任何我們想要的表現(xiàn)形式，或者細(xì)致地說是布局形式。雖然現(xiàn)實與這個目標(biāo)有一定差距，但是CSS已經(jīng)能夠滿足大多數(shù)常見的布局需求，這有CSS Zen Garden為證。然而如果你用的是IE，因為它難以捉摸，所以如果你想用一種簡單優(yōu)雅的CSS去讓IE能夠?qū)崿F(xiàn)“任何你想要的布局形式”，那是不可能的，只有復(fù)雜繁縟的CSS才能夠在IE上滿足你的需求。我曾經(jīng)提到過一種理論，“一個人對一個研究方向是否感興趣很可能是完全靠偶然事件決定的，這就好像人第一次打羽毛球，如果你贏了幾盤你就會感興趣，如果你一直都贏不了你就會沒興趣”。IE在需要復(fù)雜繁縟的CSS這一點上，就足以令大多數(shù)的入門者卻步。你總感覺到不得要領(lǐng)，你自然沒興趣學(xué)下去。

　　舉一個例子說明這個問題，例如你不知道IE有hasLayout這回事，一個元素是否hasLayout對它的布局方式有重大影響，于是你肯定用最簡單的思維去思考CSS，認(rèn)為不同的CSS規(guī)則之間應(yīng)該是松耦合的。“CSS應(yīng)該被設(shè)計為簡單優(yōu)雅的”，你肯定會這樣想，沒錯，它確實被設(shè)計為這樣，不過IE不是這樣去實現(xiàn)CSS罷了。我們用下面的代碼去證明IE在quirks mode與standards mode之間的區(qū)別：

<div style="background-color: red; height: 30px">
  <div>Hello</div>
  <img style="float: left; width: 200px; height: 160px" src="blank.gif" />
  <div>Hello</div>
</div>