Iframe框架在IE6顯示橫向滾動(dòng)條的問(wèn)題

frameset, iframe, frame框架頁(yè)面在IE6中出現(xiàn)橫向滾動(dòng)條bug的隱藏方法

使用框架（無(wú)論是frameset、frame、iframe）嵌套網(wǎng)頁(yè)的時(shí)候，如果子網(wǎng)頁(yè)的高度超過(guò)了預(yù)先設(shè)定的高度，會(huì)出現(xiàn)滾動(dòng)條，也就是尺寸溢出，一般來(lái)說(shuō)如果高度超了就出現(xiàn)垂直滾動(dòng)條，寬度超了就出現(xiàn)水平滾動(dòng)條，但是在IE6中，只要尺寸大于等于預(yù)定高度，就會(huì)兩個(gè)滾動(dòng)條一起出現(xiàn)，這好象是一個(gè)bug。

解決方法：
在子網(wǎng)頁(yè)設(shè)置css如下：這段最重要的一點(diǎn)是設(shè)置overflow-y為scroll，這樣強(qiáng)制出現(xiàn)垂直滾動(dòng)條的話，水平滾動(dòng)條就不會(huì)顯示出來(lái)了，但如果寬度超出過(guò)多，水平滾動(dòng)條還是會(huì)超出，這時(shí)可以考慮設(shè)置:overflow-x:hidden;，但相應(yīng)的，這樣用戶(hù)就無(wú)法滾動(dòng)子頁(yè)面了。

之所以要加overflow-y:auto!important;，是因?yàn)镮E7中已沒(méi)有這個(gè)bug，并且firefox也能認(rèn)到overflow-y這個(gè)據(jù)說(shuō)是IE的私有屬性……，所以我們還要把overflow設(shè)回來(lái)。

上面這個(gè)方法還可以有改進(jìn)的地方
既然只有IE6有這個(gè)BUG那就只針對(duì)IE6寫(xiě)就行了
html {_overflow-y:scroll;}
_下劃線是IE6專(zhuān)有的 這樣就又省了一行代碼 又提高了效率

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)