水平滚动ie9问题

时间:2013-03-05 17:58:12

标签: css internet-explorer

我在div中有内容我需要能够水平滚动但在IE9中不起作用(总是IE !!!)

我搜索了这个问题,在CSS中应用position: relative;时似乎有问题

问题是,我需要使用这个CSS规则,确保当出现溢出时,此DIV中的所有内容都会隐藏(这是由于我正在使用的jsPlumb插件上的z-indoex)

这是我应用于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中是否存在针对溢出和位置相关的修复或以不同的方式实现此目的?

1 个答案:

答案 0 :(得分: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;
}