IE7 Div Bug overflow：auto

我需要一些幫助，我有一個IE7 CSS問題（有些客戶端仍然使用IE7，所以我需要爲它編碼）。IE7 Div Bug overflow：auto

我遇到了一些嵌套的div和水平滾動條在IE8 +和其他一切正常工作的問題。

會發生什麼情況是，溢出應該創建一個水平滾動條，所以裏面的內容可以擴展到超出屏幕邊緣。

HTML

<div class="CenterBoxFlow Rounded" > 
<div class="CenterBoxContainer" id="panetest"> 
    .. Content 
</div> 
</div>

CSS

.CenterBoxFlow { border: 1px #ccc solid; width: 1110px; white-space: normal; vertical-align: top; display: inline-block; overflow: visible; padding: 15px; margin-bottom: 6px; text-align: center; float: left; position:relative; } 
.CenterBoxContainer { text-align: left; width:1110px; overflow:auto; white-space:nowrap; vertical-align:top; overflow-y:hidden; display:inline-block; position:relative; }

僅供參考，內容也有一系列的div有以下樣式：

.Chart_Small { padding: 5px; width: 152px; white-space: normal; display: inline-block; position: relative; *display: inline; zoom: 1; }

上獲得的股利溢出任何建議在IE7中正確使用會很好。

Peter。

來源

2013-01-14 Peter Maslin

可能重複[IE7 CSS Scrolling Div Bug]（http://stackoverflow.com/questions/67665/ie7-css-scrolling-div-bug） –

我不明白爲什麼，但去除.Chart_Small white-space: normal;修復這個bug我。你能檢查它是否適用於你？

來源

2013-01-14 17:33:13 antejan

完美謝謝。 –

你試過：

*zoom:1;

它解決了許多IE7漏洞..;）

來源

2013-01-14 17:27:57 erik

iive done :-)似乎工作。， –

IE7 Div Bug overflow：auto

回答

相關問題