使用overflow-x:hidden删除IE 8-10中的水平滚动

时间:2014-03-24 07:57:20

标签: html css internet-explorer

在firefox,chrome和safari上,以下css将文档的宽度设置为屏幕大小,并剪切其外的任何内容。

body, html {
  overflow-x:hidden;
  width:100%;
}

这允许您创建大于文档宽度的背景元素,并且不会更改文档的最终大小。

不幸的是IE似乎不允许这种方法(我已经测试过IE 8-10),即使它支持overflow-x并且不显示滚动条,你仍然可以通过突出显示内容和拖动来水平滚动在右边。

无论如何要在IE中使用它吗?

1 个答案:

答案 0 :(得分:1)

IE不支持css中的溢出元素

你必须对该元素使用max-height属性。