去除框架橫向滾動條
當(dāng)前位置：點(diǎn)晴教程→知識管理交流
→『 技術(shù)文檔交流 』
在網(wǎng)頁上使用了frame或者iframe，使用IE6瀏覽，將可能出現(xiàn)非常不美觀的橫向滾動條。那么你有可能會使用scrolling="no"這個屬性，但這樣講會導(dǎo)致連豎向的滾動條都不見了。好，那也有可能在body標(biāo)簽或css里面定義overflow-x: hidden; overflow-y: auto;這兩個參數(shù)，但是仍舊那討厭的橫向滾動條還在。
這是為什么呢？原來，在用IE6瀏覽有框架的XHTML頁面的時候，默認(rèn)會水平和垂直滾動條會一起出現(xiàn)，這是IE6的一個漏洞，你在Firefox上瀏覽你的網(wǎng)站是正常的，而IE6對XHTML 1.0 Transitional DOCTYPE的解釋缺陷. 方法1: Code html { overflow-y: scroll; } 原理：強(qiáng)制顯示ie的垂直滾動條，而忽略水平滾動條 優(yōu)點(diǎn)：完全解決了這個問題, 允許你保持完整的XHTML doctype. 缺點(diǎn)：即使頁面不需要垂直滾動條的時候也會出現(xiàn)垂直滾動條。 方法2: Code html { overflow-x: hidden; overflow-y: auto; } 原理：隱藏橫向滾動，垂直滾動根據(jù)內(nèi)容自適應(yīng) 優(yōu)點(diǎn)：在視覺上解決了這個問題.在不必要的時候, 未強(qiáng)制垂直滾動條出現(xiàn). 缺點(diǎn)：只是隱藏了水平滾動條，如果頁面真正需要水平滾動條的時候， 屏幕以外的內(nèi)容會因?yàn)橛脩魺o法水平滾動，而看不到。 方法3: Code body { margin-right: -15px; margin-bottom: -15px; } 原理：這會在margin的水平和垂直方向上添加一個負(fù)值, IE添加了該精確數(shù)值后, 便會去除對滾動條的需求假象. 優(yōu)點(diǎn)：在視覺上解決了這個問題.，垂直滾動根據(jù)內(nèi)容自適應(yīng) 缺點(diǎn)：由于"人為創(chuàng)建"了15px的外邊距(margin), 所以無法使用該填充過的屏幕區(qū)域. 該文章在 2010/8/14 0:06:59 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
