IE 一如既往地帶來問題。真的，我覺得 IE 堅持自己的一套無所謂，不支持或者不完全支持標(biāo)準(zhǔn)也無所謂。但是，IE6 IE7 IE8 這三個版本都有各自不同的表現(xiàn)，實(shí)在是太讓人難受了。

前兩天碰到了這個奇怪的問題：

絕對定位的元素，緊鄰著兩個浮動元素。Firefox 中一切正常，IE6 中絕對定位元素消失了。

解決方法：只要別讓絕對定位元素緊鄰浮動元素就可以了。比如可以在絕對定位元素后面加個空元素。當(dāng)然，這個空元素是毫無意義的，但是，在 IE 面前，又能怎么樣呢？

經(jīng)過實(shí)驗，我發(fā)現(xiàn)，只要浮動元素的寬度不填滿父元素，絕對定位元素就能正常顯示，一旦浮動元素的寬度填滿父元素，絕對定位元素就會消失。而且，看來，父元素寬度是這種情況發(fā)生的臨界點(diǎn)。

另外，這個 demo 里面也存在 IE6 的另一個經(jīng)典 bug : 由注釋產(chǎn)生的表現(xiàn)不同。(唉，bug 都成經(jīng)典了，IE 無敵啊。

請看上面的圖中，上面那塊，就是有注釋的，下面那塊是去掉注釋的，可以明顯的看到底部的白色空白高度是不同的。

看具體演示效果：