水平滚动ie9问题

Question

我的 div 中有内容需要能够水平滚动，但在 IE9 中无法使用（总是 IE ！！！）

我用谷歌搜索了这个问题，当position: relative; 应用于 CSS 时似乎是一个问题

问题是，我需要使用这个 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 中的溢出和相对位置的修复或其他方式来实现此目的？

Answer 1

问题：问题是，我需要使用这个 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;
}