Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[CSS] 捲軸 overflow 針對 IE 的跨瀏覽器使用:設定 width、加上 overflow-y: hidden、設為 block

1. 要記得加上 width(在 IE6 中不加 width,overflow 會無效)。

例如:
pre{ overflow: auto; width: 700px; }
2. 若只有水平捲軸,對 IE 瀏覽器請將垂直捲軸(overflow-y)移除。

IE 和 Firefox 比較:IE 的水平捲軸會「算在區塊裡面」,所以造成本來沒有的垂直捲軸又跑出來。若要解決,請將垂直捲軸設為隱藏: overflow-y: hidden。



參考資料:
http://remysharp.com/2008/01/21/fixing-ie-overflow-problem/


3. 有些HTML標籤要設為 display:block:例如 <xmp>

在 IE8 中會把 <xmp>(功能是把HTML tag視為純文字,全不解讀)視為 inline 元素,此時 overflow 的功能會失效,故需將 <xmp> 設為 block。

例如:
xmp{
    overflow: auto;
    width: 700px;
    display: block;
}


修正IE下使用CSS属性overflow的bug
http://www.lunaticsun.com/article/ie-overflowbug
http://blog.csdn.net/slalx/article/details/3073100



Edited 3 time(s). Last edit at 09/27/2011 07:04AM by HP.
(編輯記錄)