下面就是我所收集或遇到的IE6 Bug之一：overflow:hidden失效
當(dāng)父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時，父元素的overflow:hidden屬性就會失效 。
CSS代碼
復(fù)制代碼代碼如下:
#parent{height:50px;overflow:hidden;}
#child a{position:relative;}
HTML代碼
復(fù)制代碼代碼如下:
div id="parent"
div id="child"
a 百度/a
a 我們/a
a 服務(wù)器/a
a 查詢工具/a
a 軟件下載/a
a 源碼下載/a
/div
/div
我們在IE 6內(nèi)發(fā)現(xiàn)子元素會超出父元素設(shè)定的高度，即使父元素設(shè)置了overflow:hidden 。
解決這個bug很簡單，在父元素中使用position:relative;即可解決該bug
即css
復(fù)制代碼代碼如下:
#parent{height:50px;overflow:hidden;position:relative;}
#child a{position:relative;}
推薦閱讀
- IE6的3像素 bug解決方案分享
- IE6常見bug附解決方法
- IE6浮動換行bug比較實用簡單解決方法
- IE6 bug修正的10個小技巧 推薦
- IE6 空格bug修正方法
- CSS背景色漸變寫法兼容ie6至ie9
- ie6/7/8 如何讓IE9以下版本認(rèn)識html5元素
- select選項過長無法顯示設(shè)置overflow：hidden在IE9中不起作用
- IE6/7下多種方法移除button、input 默認(rèn)邊框和去掉焦點線
- IE8/9 使用text-overflow: ellipsis 做塊元素超長內(nèi)容變省略號的問題