IE6 Overflow:hidden 失效

原因

CSS 部份

div#A{overflow:hidden;}
div#B{position:relative;}

HTML 部份

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

說明：這是 IE6 的 Bug。當子元素 B 設了 position:relative 後，父元素 A 的 overflow:hidden 會失效，B 區塊超出 A 的部份無法被隱藏。

解法

在父元素的 CSS 也加上 position:relative 即可。

div#A{
    position:relative;
    overflow:hidden;
}
div#B{position:relative;}