frameset, iframe, frame框架頁面在IE6中出現橫向滾動條bug的隱藏方法
使用框架(無論是frameset、frame、iframe)嵌套網頁的時候,如果子網頁的高度超過了預先設定的高度,會出現滾動條,也就是尺寸溢出,一般來說如果高度超了就出現垂直滾動條,寬度超了就出現水平滾動條,但是在IE6中,只要尺寸大于等于預定高度,就會兩個滾動條一起出現,這好象是一個bug。
解決方法:
在子網頁設置css如下:這段最重要的一點是設置overflow-y為scroll,這樣強制出現垂直滾動條的話,水平滾動條就不會顯示出來了,但如果寬度超出過多,水平滾動條還是會超出,這時可以考慮設置:overflow-x:hidden;,但相應的,這樣用戶就無法滾動子頁面了。
之所以要加overflow-y:auto!important;,是因為IE7中已沒有這個bug,并且firefox也能認到overflow-y這個據說是IE的私有屬性……,所以我們還要把overflow設回來。
上面這個方法還可以有改進的地方
既然只有IE6有這個BUG那就只針對IE6寫就行了
html {_overflow-y:scroll;}
_下劃線是IE6專有的 這樣就又省了一行代碼 又提高了效率