IE6 Bug: position:absolute 區塊消失

原因

CSS 部份

div#A{position:absolute;}
div#B{float:left;}

HTML 部份

<div id="A"></div>
<div id="B"></div>

說明：因為 IE6 自身的 Bug，若設了 position:absolute 的 A 後面緊接著設了 float 的 B，A 會消失不見。

解法

在 A 跟 B 之間夾一個空的 div，讓 A 不會緊臨著設了 float 的元素。。

<div id="A"></div>
<div></div>
<div id="B"></div>

若要寫得漂亮一點，只針對 IE6 的話可以用註解的方式：

<div id="A"></div>
<!--[if IE 6]><div></div><![endif]-->
<div id="B"></div>