今天做專案，專案中要用到一個圖片輪播，可是這個圖片輪播呢？老是弄不進去，弄進去也是ie裡面不正常，Firefox、也不正常，實在沒辦法了，自己看原始碼看能不能寫出來，原來啊，裡面有個問題，css裡面有個overflow：hidden在ie裡面老是起不到作用，難怪啊

在百度搜了一把，解決方案如下

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

解決辦法：

我們在IE 6內發現子元素會超出父元素設定的高度，即使父元素設定了overflow:hidden。
解決這個bug很簡單，在父元素中使用position:relative;即可解決該bug

ie7和ie6

發現在ie6和ie7裡面overflow:hidden無效,還是會超出外層div

後來在外層div上面加上position:relative就解決了

暫時加*號hack掉吧,有時間再研究一下到底是什麼原因導致的問題

好了，問題都說了，下面來看我解決我的例項吧。

ie6 ie7 ie8都有問題的解決辦法。