水平滚动在ie7中不起作用

0 css internet-explorer-7

我的横向滚动不工作即7.我的代码如下

.twitter_inner
{
    position: relative;
    overflow:auto;
    overflow-x:scroll;
    overflow-y:hidden;
    width:135%;
}
Run Code Online (Sandbox Code Playgroud)

小智 5

IE7中的overflow-x和overflow-y样式仅部分受支持.如果在overflow-x或overflow-y样式上指定隐藏值,那么IE7将自动默认另一个可见或滚动到隐藏,这就是你的问题.

解决方案是将overflow-x样式设置为auto:

.twitter_inner
{
        position: relative;
    overflow-x:auto;
    overflow-y:hidden;
    width:135%;
}
Run Code Online (Sandbox Code Playgroud)

这样,溢出样式的隐藏值不会超过overflow-x样式的值.