且不論純CSS的實(shí)現(xiàn)是否有意義，光是其CSS的代碼就違背的HTML的思想：用簡(jiǎn)單的方法實(shí)現(xiàn)復(fù)雜的效果。這里的簡(jiǎn)單不僅僅是指代碼上的簡(jiǎn)短，更重要的是體現(xiàn)一種容易實(shí)現(xiàn)的解決方案。顯然，先前提到的方案里，用純CSS是最不容易實(shí)現(xiàn)的。當(dāng)然，你已有現(xiàn)成的例子或許更加簡(jiǎn)單，但更多的時(shí)候面對(duì)的是一些從未經(jīng)歷過(guò)的問(wèn)題，如果非得用純XXX實(shí)現(xiàn)的話，豈不是事倍功半。事實(shí)上，HTML里包含的每個(gè)特征都是為了簡(jiǎn)化開(kāi)發(fā)者的工作量而設(shè)計(jì)的。CSS，JS，F(xiàn)lash。。。以至于未來(lái)的HTML5，新的特征不僅僅是為了豐富內(nèi)容，更多的是為了簡(jiǎn)化原先的實(shí)現(xiàn)！

      仍舊是垂直居中的問(wèn)題，我們拋棄純CSS，用JS輔助CSS實(shí)現(xiàn)，會(huì)發(fā)現(xiàn)總體代碼并沒(méi)有增加多少；相反，每條每句都是那么容易的理解，完全可以拋棄那一堆hack，以及一些晦澀的，沒(méi)有注釋根本沒(méi)法琢磨的CSS代碼。最終呈現(xiàn)在用戶眼里的都是一樣的效果，又何不選擇一條實(shí)現(xiàn)簡(jiǎn)單容易的方法，而要走崎嶇不平的山路呢？

      有些人認(rèn)為純XXX的實(shí)現(xiàn)是一種水平的體現(xiàn)，我認(rèn)為是完全錯(cuò)誤的觀點(diǎn)。你用純css制作了各種各樣的特效，說(shuō)明這方面積累的比較多，你需要了解每個(gè)瀏覽器的怪異特征，并逐一測(cè)試，還需不時(shí)的關(guān)心瀏覽器升級(jí)過(guò)后這些特征是否發(fā)生了變化。然而，配合利用JS來(lái)實(shí)現(xiàn)，其解決方法就要簡(jiǎn)單明了的多。

      且不論渲染效率誰(shuí)快誰(shuí)慢，光是開(kāi)發(fā)效率后者要高的多，即便是渲染要慢些，那也僅僅是忽略不計(jì)的那一丁點(diǎn)（事實(shí)上是不會(huì)比純CSS的慢）。此前也常常在網(wǎng)上看見(jiàn)不少人發(fā)帖提問(wèn)，XXX效果用純CSS怎么實(shí)現(xiàn)。大家于是開(kāi)始琢磨，但不是這個(gè)瀏覽器有問(wèn)題，就是那個(gè)瀏覽器不兼容。最后終于出現(xiàn)正確答案，一大堆亂七八糟的CSS，甚至還加了無(wú)用的元素，僅僅是為了影響周圍一些變化。大家看了也是一知半解，但測(cè)試了下的確可以，于是紛紛發(fā)帖佩服，表示高深，很強(qiáng)大。

      然而，回過(guò)頭仔細(xì)想想，把各種瀏覽器的怪異現(xiàn)象利用的淋漓盡致，究竟是一種高明呢，還是一種退步?在過(guò)去，IE獨(dú)占天下的時(shí)候，WEB的開(kāi)發(fā)時(shí)一件很輕快的事，因?yàn)榧词刮覀儾话礃?biāo)準(zhǔn)去做，但只要IE里運(yùn)行正常就可以了。那個(gè)時(shí)候應(yīng)該有不少和我一樣，連document.getElementById這樣基礎(chǔ)的東西都不知道，因?yàn)镮E里不需要。與其說(shuō)是WEB開(kāi)發(fā)，不如說(shuō)是IE開(kāi)發(fā)。然而，隨著各種瀏覽器的不斷冒出，WEB開(kāi)發(fā)已不再像過(guò)去那樣輕快了，相反是件頭疼的事，我們需要花大量的時(shí)間在與內(nèi)容毫不相干的事上，甚至連總結(jié)差異也成了WEB開(kāi)發(fā)的一部分。每個(gè)瀏覽器雖然大致相同，但細(xì)節(jié)方面卻各有所異。過(guò)去IE的頁(yè)面在其他瀏覽器里或許變得支離破碎，原因也很簡(jiǎn)單，無(wú)非兩個(gè)：1.我們本來(lái)就沒(méi)有按照標(biāo)準(zhǔn)去做，2.其他的瀏覽器沒(méi)有嚴(yán)格按標(biāo)準(zhǔn)去實(shí)現(xiàn)。

      說(shuō)到底，WEB的最終釋義無(wú)非就是“標(biāo)準(zhǔn)” 二字。若是所有的的瀏覽器都遵循標(biāo)準(zhǔn)，所有的開(kāi)發(fā)者也都按照標(biāo)準(zhǔn)開(kāi)發(fā)，那么就能實(shí)現(xiàn)“一次開(kāi)發(fā)，到處瀏覽”。雖然后者可以做到，但是前者是幾乎是不可能的，至少在近幾年里。更何況如今為了制作與眾不同的效果，幾乎是挖遍了每個(gè)瀏覽器私有的特效，這對(duì)WEB一統(tǒng)就更困難了。正因?yàn)槌霈F(xiàn)了如此的局面，也成就了如今大紅大紫的Flash，以至于越來(lái)越強(qiáng)大。因?yàn)樗拇_是做到了“一次編譯，到處運(yùn)行”的理念。

       用最簡(jiǎn)單的辦法，讓各個(gè)瀏覽器表現(xiàn)出一致的布局特性，無(wú)疑就是用絕對(duì)定位。曾有人說(shuō)過(guò)，用絕對(duì)定位做網(wǎng)頁(yè)的不是最菜的就是最高的。新手不了解CSS復(fù)雜的布局特征，于是把所有的都變成了絕對(duì)定位，方便在編輯器里拖來(lái)拖去，想放哪就放哪。當(dāng)然這樣出來(lái)的HTML是極度臃腫的，靈活性也是相當(dāng)?shù)牟睿俏┆?dú)有一個(gè)優(yōu)點(diǎn)：所有的瀏覽器里都是一致的布局。隨著新手慢慢成長(zhǎng)，也開(kāi)始熟悉使用CSS主流的布局，以至到了跨瀏覽器里測(cè)試的那天，才發(fā)現(xiàn)要兼容所有的瀏覽器是何等的麻煩。然而絕對(duì)定位也是最高端的，因?yàn)樗浜夏_本可以實(shí)現(xiàn)豐富的效果，Google的個(gè)性化首頁(yè)，QQ空間的可拖動(dòng)項(xiàng)目欄。。。越來(lái)越多的創(chuàng)意布局展現(xiàn)出來(lái)，無(wú)不用到了絕對(duì)定位。我也曾經(jīng)考慮過(guò)，通過(guò)腳本讓整個(gè)網(wǎng)站都是由絕對(duì)定位元素構(gòu)成，這樣顯然是可以大量減少累贅的布局代碼，服務(wù)器僅需提供腳本文件和內(nèi)容數(shù)據(jù)，讓客戶端自己來(lái)生成，甚至是一個(gè)門(mén)戶網(wǎng)站。當(dāng)然，這個(gè)想法似乎是夸張到了極點(diǎn)。

       不過(guò)即便是用經(jīng)典的DIV/CSS做網(wǎng)頁(yè)，也不代表絕對(duì)定位的不可行。對(duì)于局部的一些效果，用了絕對(duì)定位就會(huì)比純CSS實(shí)現(xiàn)的簡(jiǎn)單多了，兼容性也更好了，就是用到了腳本，但這算是一個(gè)不完美嗎？為何非得為了一個(gè)純理念而在一棵樹(shù)上吊死呢？ HTML的本質(zhì)就是：最簡(jiǎn)單的方法實(shí)現(xiàn)它。(2011/3/13)