假设body里的内容的长度超过了窗口的宽度,并且body设置为overflow:hidden,那么在窗口里看到的是整个内容的局部。比如下面的代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><body style="background-color:#003366;overflow:hidden;"><div style="width:600px;background-color:#FFFFFF;height:300px;">asddfdgfdghfhgfjhgjhkjhkjkjlkjlkjkjkjasddfdgfdghfhgfjhgjhkj
hkjkjlkjlkjkjkjasddfdgfdghfhgfjhgjhkjhkjkjlkjlkjkjkj</div></body></html>如果窗口足够窄的时候,在ie里,你用鼠标往右侧托,body里的内容就会往左侧滑动,最终可以看到最右侧的内容,但是在ff里不管怎么拖,内容都不会滑动的。我的问题就是,怎么实现在ie里实现即使鼠标拖动内容也不滑动。

解决方案 »

  1.   

    最外面套个层<div style="width:100%;overflow:hidden;">内容</div>
      

  2.   

    一般body里面先放个div和body同宽高,也是兼容其他浏览器的做法
    然后再设置overflow:hidden
      

  3.   

    我不想用这个方法:
    ===========
    一般body里面先放个div和body同宽高,也是兼容其他浏览器的做法
    然后再设置overflow:hidden
    ===========
    能有通过js实现的方法么
      

  4.   

    如果div里面的内容是float的话,google浏览器不行
      

  5.   

    不好意思,上面搞错了,float也可以