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

Question

在 firefox、chrome 和 safari 上，以下 css 将文档的宽度设置为屏幕大小，并剪裁掉它之外的任何内容。

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

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

不幸的是 IE 似乎不允许这种方法（我测试过 IE 8-10），即使它支持 overflow-x 并且不会显示滚动条，您仍然可以通过突出显示内容和拖动来水平滚动向右。

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

Answer 1

IE 不支持 css 中的溢出元素

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