2013-03-05 215 views
0

我有一個div內容,我需要能夠水平滾動,但未在IE9(總是IE !!!)工作水平滾動IE9問題

我用Google搜索這個問題,這似乎是一個當position: relative;在CSS應用問題

的問題是,我需要用這個CSS規則確保一切都在時,有溢出這個DIV隱藏(這是由於Z-INDOEX上我使用的是jsPlumb插件)

這裏是我已經應用到DIV的CSS:

#workflowMain 
{ 
    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    vertical-align: middle; 
    clear: both; 
    padding-top: 12px; 
    overflow: auto; 
    position: relative; 
} 

如果我取下相對位置,滾動工作正常,但div內部的一些元素出現在div之外。

是否有一個修復溢出和位置相對在IE瀏覽器或不同的方式來實現這一目標?

+0

你寧可不使用{溢出-X:滾動}? – isherwood 2013-03-05 18:00:18

+0

它確實解決了這個問題,但令人討厭的是它將一個禁用的滾動條放在div的底部,並在溢出時啓用 – 2013-03-05 19:52:36

回答

0

問題:問題是,我需要使用這個CSS規則,確保當內容溢出時,此DIV中的所有內容都會隱藏起來。

解決方案:始終把寬度和高度,而不是與%而不是總是用一個定義px

#workflowMain 
{ 
width: 200px; 
height:100px; 
margin-left: auto; 
margin-right: auto; 
vertical-align: middle; 
clear: both; 
padding-top: 12px; 
overflow: auto; 
position: relative; 
} 
+0

我無法使用固定寬度,我需要支持可變的屏幕分辨率,並且面板需要佔用很多水平空間儘可能 – 2013-03-05 19:53:47