html - 使用 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 属性。