2013-03-05 179 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