下面就是我所收集或遇到的IE6 Bug之一：overflow:hidden失效

當(dāng)父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時，父元素的overflow:hidden屬性就會失效。

CSS代碼

#parent{height:50px;overflow:hidden;}
#child a{position:relative;}

HTML代碼

<div id=”parent”>
<div id=”child”>
<a href=”http://www.baidu.com/”>百度</a>

<a href=”http://m.survivalescaperooms.com/”>軟件開發(fā)網(wǎng)</a>

<a href=”http://s.Vevb.com/”>服務(wù)器</a>

<a href=”http://tools.Vevb.com”>查詢工具</a>

<a href=”http://m.survivalescaperooms.com/softs”>軟件下載</a>

<a href=”http://m.survivalescaperooms.com/codes”>源碼下載</a>

</div>
</div>

我們在IE 6內(nèi)發(fā)現(xiàn)子元素會超出父元素設(shè)定的高度，即使父元素設(shè)置了overflow:hidden。
解決這個bug很簡單，在父元素中使用position:relative;即可解決該bug

即css

#parent{height:50px;overflow:hidden;position:relative;}
#child a{position:relative;}