網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介：絕對(duì)定位的元素，緊鄰著兩個(gè)浮動(dòng)元素。Firefox 中一切正常，IE6 中絕對(duì)定位元素消失了.

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

前兩天碰到了這個(gè)奇怪的問(wèn)題：

絕對(duì)定位的元素，緊鄰著兩個(gè)浮動(dòng)元素。Firefox 中一切正常，IE6 中絕對(duì)定位元素消失了。

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

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

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

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

看具體演示效果：

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]