最近的專案中，遇到ie6下當iframe出現縱向滾動條時同時會出現橫向滾動條。分析了**，大致的原因是iframe中的頁面有相對body的樣式包含width:100%的元素。情況如下：（ps：紅框表示iframe的區域，灰色的長方框表示上面提到的width:100%的元素，需要在ie6下看效果。
）當灰色的框的高度大於iframe的高度時出現縱橫向滾動條（ie6下）。
當灰色的框的高度小於iframe的高度時效果正常。
解決方案一:給內頁加上樣式：html
當灰色的框的高度大於iframe的高度時僅出現縱向滾動條，效果正確。
當灰色的框的高度小於iframe的高度時縱向滾動條仍然顯示（不可用狀態），有瑕疵。
解決方案二:給內頁加上樣式：html
當灰色的框的高度大於iframe的高度時僅出現縱向滾動條，但右邊內容顯示不完全（ps：裡面文字內容是「這是個高為200px的div」），效果不正確。
當灰色的框的高度小於iframe的高度時沒有滾動條出現，效果正確。
解決方案三：經過了多次嘗試仍然沒有發現純css的完美解決方案，而我們追求的是最完美的效果。既然純css解決不了，我們只好搬出js來了，通過前面的測試我們發現灰色框高度小於iframe的高度時不需要做任何處理效果正確，而灰色框高度大於iframe的高度時方案一是完美的。於是，我們的js有如下思路：當瀏覽器為ie6且內容高度比iframe高時給html標籤加入方案一的樣式。下面是jquery的**：（不用jquery的話思路一樣。）
$(function());
當灰色的框的高度大於iframe的高度時僅出現縱向滾動條，效果正確。
當灰色的框的高度小於iframe的高度時效果正確。
IE6中iframe出現橫向滾動條的解決方案
ie6中iframe出現橫向滾動條的解決方案 方案一 給該框架的頁內加上以下樣式 html 注意，是指該框架的頁內新增，不是在全域性的樣式中新增。這種方案是網上給出的最多的方案，橫向超出就隱藏，縱向超出讓他自動。這樣ie6下橫向滾動條確實是沒有了，可是這樣我們會發現內容盒子的右邊會缺失了17px的寬...
ie6下的iframe，問題多多。
今天在ie6下顯示velocity頁面中的iframe，發現除了iframe的外框以外，src中請求的url完全沒有讀取成功，結果是個空的iframe。總結網上一共有以下幾種解決辦法 1,src url scrolling no frameborder 0 width 256 height 174 ...
ie6下iframe出現水平滾動條的解決辦法
頁面a中通過iframe引入另乙個頁面b，並設定scrolling auto 當b頁面的內容超過iframe的高度時，會自動出現滾動條 然而在ie6下，除了出現縱向滾動條外還會出現橫向滾動條 即時設定了b頁面的寬度為100 注 問題只出現在ie6下，ie7,firefox,chrome下無此問題 原...