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

Question

在firefox、chrome和safari上，下面的css将文档的宽度设置为屏幕大小，并裁剪超出该宽度的任何内容。

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

这允许您创建大于文档宽度的背景元素，并使它们不更改文档的最终大小。

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

有没有办法让它在IE中工作？

Answer 1

IE不支持css中的溢出元素

您必须为该元素使用max-height属性。