在ie7中overflow:hidden失效問題及解決方案


css兼容ie7:

做頁面的時候用負邊距居中的時候在IE7下面,父節點中的overflow:hiden失效的問題,查閱了一些資料,總結一下解決方法。

問題原因:

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

解決方法:

我們在IE7內發現子元素會超出父元素設定的高度,即使父元素設置了overflow:hidden。

解決這個bug很簡單,在父元素中使用position:relative;即可解決該bug,就是用到overflow的父節點中增加相對定位即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM